Wie man ng-repeat an einem Ort?

Question

Ich habe folgendes Array [{'id' : 0, 'name' : 'first'}, {'id' : 1, 'name' : 'second'}]

<li ng-repeat="x in array"><strong>Names:</strong>{{x.name}}</li> 

Dieser Code zeigt 2 li. Aber ich möchte: Namen: erste, zweite

Wie kann ich das erreichen?

Answer 1

Wenn Sie nicht wollen, zu wiederholen.210, müssen Sie ng-repeat in einem anderen Tag innerhalb li-Tag verwenden:

<li> 
    <strong>Names:</strong> 
    <span ng-repeat="x in array"> 
    {{x.name}} 
    </span> 
</li> 

Answer 2

gab ng Wiederholung in einem span Tag innerhalb li Tag anstelle des li Tag

<li><strong>Names:</strong><span ng-repeat="x in array">{{x.name}} </span>

Demo

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 
$scope.array = [{'id' : 0, 'name' : 'first'}, {'id' : 1, 'name' : 'second'}] 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<li><strong>Names:</strong><span ng-repeat="x in array">{{x.name}} </span></li> 
 
</div>

Answer 3

Versuchen Sie Folgendes:

angular.module("myApp",[]) 
 
.controller("myController",function($scope){ 
 
$scope.array = [{'id' : 0, 'name' : 'first'}, {'id' : 1, 'name' : 'second'}] 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myController"> 
 
<li><strong>Names: </strong><span ng-repeat="x in array">{{x.name }}{{$last ? '' : ', '}}</span></li> 
 
</div>