angularjs – ng-repeat和ng选项之间有什么区别,为什么它们的行

发布时间：2020-12-17 08:05:16 所属栏目：安全来源：网络整理

导读：ng选项和ng-repeat如何不同？在下面的代码中，我有一个ng-repeat可以遍历一个列表： select ng-model="selectedPerson" option ng-repeat="obj in people" value="{{obj.id}}"{{obj.name}}/option /select 以下是我认为是使用ng选项的等效选择框： select n

ng选项和ng-repeat如何不同？

在下面的代码中，我有一个ng-repeat可以遍历一个列表：

<select ng-model="selectedPerson" >
          <option ng-repeat="obj in people" value="{{obj.id}}">{{obj.name}}</option>
  </select>

以下是我认为是使用ng选项的等效选择框：

<select ng-model="selectedPerson" ng-options='obj.name for obj in people'></select>

我希望他们的行为是一样的，但是他们不会。为什么？

$scope.people = [
        {
            id: 0,name: 'Leon',music: [
                'Rock','Metal','Dubstep','Electro'
            ]
        },

ng-repeat为每次迭代创建一个新的范围，因此不会像ng选项一样执行。

对于小列表，这并不重要，但较大的列表应使用ng选项。除此之外，它在指定迭代器方面提供了很大的灵活性，并提供了超越重复的性能优势。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!