AngularJs:如何在ng-model中使用ng-repeat对象作为子字符串。生成动态ng模型

时间:2015-12-29 10:41:44

标签: javascript angularjs

我想在ng-model值中使用ng-repeat对象作为子字符串..我可以使用这个吗?我的情况是:

<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 >中我想生成带有tasksubmit前缀的动态ng-model(这在控制器中初始化为$scope.tasksubmit = {})。任何人都请帮我解决这个问题......

2 个答案:

答案 0 :(得分:1)

如果我理解正确,您希望所有task.id作为tasksubmit对象中的属性,因为您已将其初始化为控制器中的对象,因此您可以执行以下操作:

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

答案 1 :(得分:0)

只需使用ngRepeat的实例属性添加模型

喜欢这个

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

您会从isChecked

中找到$scope.taskslist的价值

JSFIDDLE