Javascript 角度选择无法正确更新模型
在AngularJS应用程序中,我有一个绑定到模型的Javascript 角度选择无法正确更新模型,javascript,angularjs,coffeescript,Javascript,Angularjs,Coffeescript,在AngularJS应用程序中,我有一个绑定到模型的select。 当用户从列表中选择一个选项时,模型不会更新。 当用户再次单击同一选项时,模型将更新 正如你所理解的,这不是你想要的行为。在我的测试中,我用一个替换了select,它可以正常工作。我这里有什么问题?我无法在JSFIDLE中复制它,因此我将发布尽可能多的相关代码 Index.html 这是我为每种类型的可设置权限获得的正确模板。 因此,文本输入获取一个input type='text',而频繁地获取他的模板,一个select <
select
。
当用户从列表中选择一个选项时,模型不会更新。
当用户再次单击同一选项时,模型将更新
正如你所理解的,这不是你想要的行为。在我的测试中,我用一个
替换了select
,它可以正常工作。我这里有什么问题?我无法在JSFIDLE中复制它,因此我将发布尽可能多的相关代码
Index.html
这是我为每种类型的可设置权限获得的正确模板。
因此,文本输入获取一个input type='text'
,而频繁地
获取他的模板,一个select
<div ng-repeat="item in propertyList">
<ng-include src="getTemplate(item, formObject)"></ng-include>
</div>
Frequencies.html
这就是问题所在。选择将显示选项,但单击某个选项时,模型不会更新。最奇怪的是formula.html
表被更新了。这是因为它们被绑定到同一个formObject,但是模型没有更新,选择被清空。当我再次单击同一选项时,select
会正确更新模型
当您将选择
替换为已注释的输入
时,它工作正常。但用户需要选择频率,而不是键入频率
<div>
<!--<input ng-model="formObject[item]">-->
<select data-ng-model="formObject[item]" data-ng-options="frequency for frequency in frequencies"></select>
</div>
Formulas.html
标题
{{key}}
我希望这足够清楚,所以我希望您能帮助我解决这个问题。您需要为ng模型使用点。 请参见我的说明和链接,以获取更多详细信息:
当我这样做时,结果是一样的。我替换了
在HTML中添加一个日志:“FREQUENCY:{{{formObject.FREQUENCY}}”,以确保数据是否已设置,我这样做了,结果很奇怪。formulas.html
已更新,但html中的日志未显示任何内容。。。当我第二次单击时,日志也会更新为:FREQUENCY:DOCUMENT。当我使用input type=text
选择频率时,在进行更多测试后添加,每次击键后日志都会更新
<div>
<!--<input ng-model="formObject[item]">-->
<select data-ng-model="formObject[item]" data-ng-options="frequency for frequency in frequencies"></select>
</div>
<div>
<table class="table table-condensed">
<thead>
<tr>
<th scope="row"> </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>