2015-12-29 98 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 –

相关问题