AngularJS:如何生成动态ng模型

AngularJS: how to generate dynamic ng-model

本文关键字：ng 模型 动态 何生成 AngularJS      更新时间：2023-09-26

我的当前场景是：我做了如下嵌套重复：

<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值。。这样我就可以把它们放在控制器里了。。并通过它们的CCD_ 5来区分它们。

为ng模型分配动态值不是一种理想的方式，你能做的就是给ng模型（下面）写一个特定的名字

<select name="task_value" ng-model="dropdown_value" class="select-box" ng-change="checkTaskId(task.id)">

您甚至可以对select元素使用ng更改，使用循环遍历对象，并根据task.id检查值，但要在控制器本身中检查。

否则，如果你真的需要ng模型是动态的，那么下面是一个简单的替代解决方案。

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

在yout控制器中，你可以像一样拥有它

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

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

相关文章：