1か所でng-repeatを実行する方法は？

Question

私は、このコードは2李さんを示し[{'id' : 0, 'name' : 'first'}, {'id' : 1, 'name' : 'second'}]

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

次の配列を持っています。 しかし、私はしたい：名前：最初、秒

私はこれをどのように達成することができますか？あなたがしたくない場合は

Answer 1

の、liタグ内spanタグでNGリピートを入れて繰り返すには<li>、あなたはliタグ内で別のタグでng-repeatを使用する必要があります。

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

Answer 2

ではなくliタグ

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

デモ

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

は、以下のことを試してみてください。

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>