什么是NG-重复和NG选项，为什么不自己行为相同的方式之间的区别是什么？

问题描述

怎么办 NG-选项

和 NG-重复有什么不同？

在以下code，我有一个 NG-重复，通过人的一个列表上循环：

 ＆LT;选择NG模型=selectedPerson＆GT;
          ＆LT;选项NG重复=OBJ人们VALUE ={{obj.id}}＆GT; {{obj.name}}＆LT; /选项＆GT;
  ＆LT; /选择＆GT;
 

下面是我认为是等效的选择框使用 NG-选项：

 ＆LT;选择NG模型=selectedPersonNG选项='obj.name在人们的obj'＆GT;＆LT; /选择＆GT;
 

我希望他们有同样的表现，但他​​们没有。为什么呢？

  $ scope.people = [
        {
            ID：0，
            名称：莱昂，
            音乐：
                '岩'，
                '金属'，
                的Dubstep，
                电
            ]
        }，
 

解决方案

NG-重复会为每个迭代一个新的范围，以便将没有NG选项进行为好。

有关小名单，都不会有问题，但更大的名单应该用NG-选项

How do ng-options and ng-repeat differ?

In the following code, I have an ng-repeat that iterates through a list of people:

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

Here is what I believe to be an equivalent select box in using ng-options:

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

I would expect them to behave the same, but they do not. Why?

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

解决方案

ng-repeat creates a new scope for each iteration so will not perform as well as ng-options.

For small lists, it will not matter, but larger lists should use ng-options

这篇关于什么是NG-重复和NG选项，为什么不自己行为相同的方式之间的区别是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！