javascript - Angular 选择无法正确更新模型

Question

在我的 AngularJS 应用程序中，我有一个 select那是绑定(bind)到模型的。
当用户从列表中选择一个选项时，模型不会更新。
当用户再次单击相同的选项时，模型会更新。

如您所见，这不是理想的行为。在我的测试中，我替换了 select与 <input type='text'>它按预期工作。我的问题是什么？我无法在 JSFiddle 中复制它，所以我将发布我认为相关的尽可能多的代码。

索引.html

这是我为每种类型的可设置属性获得正确的模板。
所以 text-input 得到一个 input type='text'和 frequenty得到他的模板，一个 select .

<div ng-repeat="item in propertyList">
    <ng-include src="getTemplate(item, formObject)"></ng-include>
</div>

Controller .coffee

这里返回了正确的模板，并设置了可选择的频率。

$scope.getTemplate = (prop, object) =>  
   if $builder.widgets.hasOwnProperty prop #Here it found the frequency dropdown template.
     return $builder.widgets[prop]               
   else if angular.isString propValue
        return 'templates/widgets/textInput.html'
   else if angular.isObject propValue
        return 'templates/widgets/formulas.html'
   return

$scope.frequencies = [
    "NONE"
    "DOCUMENT"
    "PERIOD"
    "COLUMN"
  ]

频率.html

这是问题区域。选择显示选项，但单击选项时，模型不会更新。最奇怪的是 formula.html表已更新。这是因为它们绑定(bind)了同一个formObject，但是model没有更新，select被清空了。当我再次单击相同的选项时，select正确更新模型。

当您更换 select带有评论 input ，它完美无瑕。但是用户需要选择频率而不是输入频率。

<div>
    <!--<input ng-model="formObject[item]">-->
    <select data-ng-model="formObject[item]" data-ng-options="frequency for frequency in frequencies"></select>
</div>

公式.html

<div>
    <table class="table table-condensed">
        <thead>
        <tr>
            <th scope="row">&nbsp;</th>
            <th scope="col">title</th>
        </tr>
        </thead>
        <tbody>
            <tr ng-repeat="(key,row) in formObject.formulas">

                <th>{{key}}</th>
                <td ng-repeat="column in row track by $index">
                    <input type="text" ng-model="row[$index]"/>
                </td>
            </tr>
        </tbody>
    </table>
</div>

我希望这足够清楚，所以我希望你能帮助我解决这个问题。

Answer 1

您需要为 ng-model 使用一个点。
在此处查看我的解释和指向更详细信息的链接:
https://stackoverflow.com/a/30850255/3687474