如何在一个地方重复？

Question

我有以下数组[{'id' : 0, 'name' : 'first'}, {'id' : 1, 'name' : 'second'}]

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

此代码显示2 li。 但我想：名字：第一，第二

我怎样才能实现这个目标？

Answer 1

如果您不想重复letsencrypt certonly -a webroot --webroot-path=/var/www/html -d example.com -d www.example.com -d example2.com -d www.example2.com ，则必须在<li>代码中的其他代码中使用ng-repeat：

li

Answer 2

将ng重复放在span标记内的li标记中，而不是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>