使用hashmap进行ng-repeat并不会在我的html表上显示任何内容

时间:2017-07-18 19:00:50

标签: javascript html angularjs angularjs-ng-repeat

我正在尝试显示带有hashmap值的表。

我的js hashmap如下:

self.userList["user1"] = {sms:true,email:false}
self.userList["user2"] = {sms:false,email:false}
self.userList["user3"] = {sms:true,email:true}
self.userList["user4"] = {sms:false,email:false}

我的观点如下:

<tr ng-repeat="(user,value) in editRulesCtrl.userList">
                                <td>
                                     {{user}}
                                </td>
                                <td>
                                  <md-checkbox ng-model="{{value.sms}}"></md-checkbox>
                                </td>
                                <td >
                                   <md-checkbox ng-model="{{value.email}}"></md-checkbox>
                                </td>
</tr>

不确定我做错了什么,但表格显示为空。

2 个答案:

答案 0 :(得分:2)

这应该有用,只有我能看到的问题是,ng-model需要变量name,如果您尝试将{{}}(插值)传递给它,它会失败。

<tr ng-repeat="(user,value) in editRulesCtrl.userList">
    <td>
      {{user}}
    </td>
    <td>
      <md-checkbox ng-model="value.sms"></md-checkbox>
    </td>
    <td>
      <md-checkbox ng-model="value.email"></md-checkbox>
    </td>
</tr>

Plunker

答案 1 :(得分:0)

<tr ng-repeat="(user,value) in userList">