javascript - AngularJS:如何生成动态 ng-model

Question

我目前的情况是:我做了如下嵌套重复:

<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 来区分它们.

Answer 1

为 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:{}
};

还有多种其他方法可以做到这一点。方式根据您的要求而变化。希望这能解决您的问题。