AngularJS：如何生成动态NG-模式

我现在的情况是：我做嵌套重复类似如下：AngularJS：如何生成动态NG-模式

<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值..所以，我可以让他们在控制器..并区分他们通过他们的task.id。

来源

2016-01-06 Tech Kid

你的代码有什么问题？ – dreamweiver

@WasimMulla @dreamweiver ..我在这里有超过一百个任务的'tasklist'数组。每个任务都包含“下拉”并具有一些值。当我提交表单，然后通过上面的编码，我不能得到'dropdown'的submited或选择'dropdown_value'对'task.id'下次使用派遣作为完成的任务.. –

@dreamweiver爵士，等待你回复如果你可以做到这一点... –

分配一个动态值到NG-模型并不是一个理想的方法，你可以做的是写一个特定的名字到NG-模型（如下图）

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

你甚至可以用一个NG-切换到select元素并使用循环遍历对象，并根据task.id检查值，但在控制器本身中。

不然，如果你真的需要NG-模型是动态的，然后下面是一个简单而替代的解决方案。

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

在YOUT控制器

你可以把它像

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

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

来源

2016-01-06 11:51:17

帮助是非常可观的，但我很困惑如何使用它得到'task.dropdown_values'选定的值以及'task.id'这个任何特定的任务。让我告诉你我的阵列。 ' “taskslist”：[{ “ID”： “20”， “标题”： “雪等级上甲板”， “类型”： “下拉”， “dropdown_values” ：[{ “ID”： “55”，”值“：”演示值“}，{”id“：”56“，”值“：”小于1英尺“}，{”id“：”57“，”value“ }，{“id”：“58”，“value”：“2+ ft”}]}]'请看看这个数组。如何通过您的建议'NG-模型得到'item.id'一起'与task.id' =“myData.values [task.dropdown_value]”' –

尝试选择元素使用NG选项如下 ' ' 这是通过选择下拉列表的每个变化的值。如果解决方案不能满足解决方案请创建一个笨蛋的例子，我会解决它。 –

先生，我可以使用这个'ng-model =“myData.values [task.dropdown_value，task.id]”'。？我也正在创造蹲式。 –

AngularJS：如何生成动态NG-模式

回答

相关问题