我目前的情况是: 我做了如下嵌套重复:
<form name="task_form" ng-app="myApp" ng-submit="tasksubmit()">
<ul class="items-list">
<li ng-repeat="task in taskslist | orderBy:orderProp">
<p>
<strong>{{task.title}}</strong>
</p>
<select name="task_value" ng-model="task.dropdown_value" class="select-box">
<option ng-repeat="item in task.dropdown_values" value="{{item}}">{{item}}</option>
</select>
</li>
</ul>
</form>
在 <li>
我重复<option>
也。我想生成动态ng-model
<select ng-model="">
中的值..这样我就可以将它们放入 Controller 中..并通过它们的 task.id
来区分它们.
最佳答案
为 ng-model 分配动态值并不是理想的方法, 你可以做的就是为 ng-model 写入一个特定的名称(如下)
<select name="task_value" ng-model="dropdown_value" class="select-box" ng-change="checkTaskId(task.id)">
您甚至可以对 select 元素使用 ng-change 并使用循环遍历对象并根据 task.id 检查值,但在 Controller 本身中。
否则,如果您确实需要 ng-model 是动态的,那么下面是一个简单的替代解决方案。
<select name="task_value" ng-model="myData.values[task.dropdown_value]" class="select-box">
在你的 Controller 中你可以像这样
$scope.myData= {
values:{}
};
还有多种其他方法可以做到这一点。方式根据您的要求而变化。希望这能解决您的问题。
关于javascript - AngularJS:如何生成动态 ng-model,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34632129/