动态加载项的ng-model

时间:2016-12-16 15:44:02

标签: javascript html angularjs arrays checkbox

我已经列出了一些动态的项目(例如汽车),所以它没有固定的长度。当我加载此列表时,它看起来像这样:

itemList = [
    { id: 0, name: 'bmw' },
    { id: 1, name: 'audi' },
    { id: 3, name: 'vw' },
    { id: 4, name: 'subaru' },
    { id: 5, name: 'mercedes' }
];

之后,我将这个列表循环到ng-repeat循环中并创建一些复选框,这样我就可以选择项目了:

<div class="item" ng-repeat="item in itemList">
    <input type="checkbox">
    <label>{{item.name}}</label>
</div>

现在我有了一个用户对象。这个对象有一个阵列&#34; cars&#34;在内部,我想推动所有选定的车辆,如果我取消选择它将其删除。我的对象看起来像这样:

userObj = [
    { 
      name: 'user1', 
      cars: [] 
    }
];

因此,当我选择一辆汽车时,它应该被推入我的用户对象中的数组cars,如果我取消选择它也会被删除。我知道我必须用ng-change这样做,这不是我真正的问题。我的问题是复选框的ng-model。我不知道如何做到最好。我不能为每个列表使用相同的ng模型,这是非常合乎逻辑的。什么是最好的方式?没有在互联网上找到任何解决方案。

1 个答案:

答案 0 :(得分:1)

您可以更新特定用户的Option Explicit Sub test() Dim newCol As Range Set newCol = ActiveSheet.Range("S1:S100") With newCol.Borders(xlEdgeLeft) .LineStyle = xlContinuous .Weight = xlThin .ColorIndex = xlColorIndexAutomatic End With End Sub 数组,在每个项cars的{​​{1}}上change,如下所示。

<强>标记

checkbox

<强>代码

itemList