AngluarJS复选框变得未经检查

时间:2016-10-25 21:34:42

标签: javascript angularjs checkbox

我有一个场景,我加载了一个已选中复选框的页面。在控制器的加载中,我调用web api将web api调用的内容加载到表中。

问题是,在发生web api调用之后,我忽略了我的复选框被选中的事实。我不确定问题是什么。我在插件中创建了一个小例子,它发生在那里。

Plunker:https://plnkr.co/edit/J82bvl338fdtKLkW5reu?p=info

      var Url = "https://api.wunderground.com/auto/wui/geo/GeoLookupXML/index.xml?query=90210";
  self.$http.get(Url, this.requestConfig).success(function(data, status, headers, config) {
    console.log('success', data);
  }).error(function(data, status, headers, config) {
    // log error
    console.log('error', data);
  });

在http get发生后,复选框会保持选中状态。

我使用控制器作为语法,我想知道在这种情况下我是否遗漏了某些东西......

1 个答案:

答案 0 :(得分:1)

在初始化chk成员的html文件中,您使用的是:

<input type="checkbox" id="chk" name="chk" ng-model="chk" ng-init="chk = 'true'" checked/>

您使用true值的单引号。删除它们你应该没事:

<input type="checkbox" id="chk" name="chk" ng-model="chk" ng-init="chk = true" checked/>