返回值重复内的选择的ng模型

Question

我在重复内部选择一个选择的问题返回值ng-model="selectStates"。

评论的是另一次尝试。

<div ng-controller="coursesCtrl">

    <form name="formFilters" id="formFilters">
        <div ng-repeat="filter in filters">
            <div ng-switch="filter.type">
                <div ng-switch-when="dropdown">
                    <h5 class="menu-filter-sidebars--title">{{filter.title}}</h5>

                        <select name="selectStates" id="selectStates" ng-options="option.name for option in filter.inputs" **`ng-model="selectStates"`** >
                         <!--  <option value="" > Selecione o Estado </option>
                          <option data-ng-repeat="item in filter.inputs" value="{{item.uf}}">{{item.Estado+' - '+item.uf}}</option> -->
                        </select>

                </div>
            </div>
        </div>
     </form> 

     <div class="test" > {{selectStates}} </div>

</div>

Answer 1

更改你的ng-model =＆＃34; selectstates＆＃34;到ng-model =＆＃34; filter.selectStates＆＃34;，这应该有帮助。

Answer 2

在ng-model

中始终有一个点

  

范围继承通常很简单，你甚至不需要知道它正在发生......直到你尝试双向数据绑定（即表格元素，ng- model）到原始（例如，数字，字符串，布尔值）在子范围内从父范围定义。它没有像大多数人期望的那样工作。会发生什么是子范围获取其自己的属性，该属性隐藏/隐藏同名的父属性。这不是AngularJS正在做的事情 - 这就是JavaScript原型继承的工作原理。新的AngularJS开发人员通常没有意识到ng-repeat，ng-switch，ng-view和ng-include都创建了新的子范围，因此在涉及这些指令时经常会出现问题。 （有关问题的快速说明，请参阅this PLNKR。）

     

通过遵循＆＃34;最佳实践＆＃34;可以很容易地避免使用原语这个问题。 always have a '.' in your ng-models - 观看3分钟。 Misko用ng-switch演示了原始绑定问题。

     

有一个＆＃39;。＆＃39;在你的模型中将确保原型继承发挥作用。所以，使用

<input type="text" ng-model="someObj.prop1"> rather than 
<input type="text" ng-model="prop1">.

- AngularJS Wiki -- Understanding Scopes