2015-12-29 36 views
2

我想用ng-model值ng-repeat對象作爲子字符串..我可以使用這個嗎?我的情況是:AngularJs:如何在ng-model中使用ng-repeat對象作爲子字符串。生成動態ng模型

<form id="booking_form" name="booking_form" ng-app="myApp" ng-submit="tasksubmit()"> 
    <ul class="items-list"> 
     <li ng-repeat="task in taskslist | filter:query | orderBy:orderProp" class="items-list-item"> 
      <div class="items-list-item-image"> 
       <p> 
        <input type="checkbox" ng-model="tasksubmit{{task.id}}" /> 


       </p> 
      </div> 
      <div class="items-list-item-detail"> 
       <p> 
        <strong>{{task.title}}</strong> 
       </p> 
      </div> 
     </li> 
    </ul> 
</form> 

< input type = checkbox >我要生成動態ng-model與tasksubmit的前綴(這是在控制器初始化爲$scope.tasksubmit = {})。任何機構請幫我在這個問題.....

回答

0

只是ngRepeat的實例屬性添加模型

像這樣

<li ng-repeat="task in taskslist | filter:query | orderBy:orderProp" class="items-list-item"> 
    <input type="checkbox" ng-model="task.isChecked" />     
</li> 

你會發現VA從$scope.taskslist

JSFIDDLE

+0

親愛的Anik,謝謝對於你的答案,你可以請更多的解釋我怎麼能從'$ scope.tasklist'找到缺陷值。因爲我認爲我們不通過'task.id'發送任何任務ID。 –

+0

supose在任務列表中只有屬性ID。它會在該對象中添加isChecked。所以你當前的對象將是'{id:1,isChecked:false}' –

+1

@TechKid我已經添加了小提琴4你 –

1

如果我理解正確的話,你希望所有task.id爲您tasksubmit對象中的財產已在你的控制器初始化它作爲對象,所以你可以如下操作:

<input type="checkbox" ng-model="tasksubmit[task.id]" /> 
+0

isChecked略I'ave用這個已經,但是這種解決方案是行不通的。在檢查元素它不會獲取{{task.id}}值我想打印ng-model的值作爲tasksubmit.7 ..這裏是快照http://prntscr.com/9jsy8d –

相關問題