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-模式

回答

相關問題