AngularJS：如何生成動態ng模型

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> 。 我想在<select ng-model=""> ..中生成動態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檢查值，但在控制器本身中。

否則，如果您真的需要ng-model動態，那么下面是一個簡單易用的解決方案。

<select name="task_value" ng-model="myData.values[task.dropdown_value]"  class="select-box">

在您的控制器中，您可以像

$scope.myData= {
    values:{}
};

還有其他多種方法可以這樣做。 方式根據您的要求而改變。 希望這能解決您的問題。