记住选中的复选框 - AngularJS

时间:2018-02-19 07:36:53

标签: angularjs search checkbox

首先,选中所有复选框。 然后,我只是检查其中的两个,然后按搜索。

复选框和搜索按钮:

  <input type="checkbox" id="stat2" ng-true-value="true" ng-false-value="false" ng-model="ts.status.check2" />&nbsp;
  <label for="stat2">Status 2</label>
  <br />

  <input type="checkbox" id="stat3" ng-true-value="true" ng-false-value="false" ng-model="ts.status.check3" />&nbsp;
  <label for="stat3">Status 3</label>
  <br/>

  <input type="checkbox" id="stat1" ng-true-value="true" ng-false-value="false" ng-model="ts.status.check1" />&nbsp;
  <label for="stat1">Status 1</label>
  <br />

  <input type="checkbox" id="stat4" ng-true-value="true" ng-false-value="false" ng-model="ts.status.check4" />&nbsp;
  <label for="stat4">Status 4</label>
  <br />

然后正在加载新页面(新网址),此页面上有一个&#39;后退&#39;按钮。 当我按下后退按钮时,我回到第一页,再次选择了4个复选框,我怎样才能使它成为可能,只检查那些,我先检查了哪一个?

后退按钮

  <div class="btn-group container panel-footer">
    <button type="button" onClick="history.go(-1);return true;" class="btn">Back</button>
  </div>

1 个答案:

答案 0 :(得分:0)

使用$ rootScope维护您的数据:

$rootScope.checkState = {
    check1: true,
    check2: false,
    check3: true,
    check4: false
};

然后在你看来:

<input type="checkbox" id="stat2" ng-true-value="true" ng-false-value="false" ng-model="$root.checkState.check1" />&nbsp;

(对所有带有相应字段的复选框执行此操作)