javascript - Angular JS 默认选中单选按钮

Question

我知道这个问题可能已经被问过很多次了，我已经解决了这些解决方案，但似乎没有一个对我有用......

html 文件:

<input id="sampleA" name="try" type="radio" data-ng-model="$ctrl.isSampleA" value="true" data-ng-change="$ctrl.update()"></input>
<label for="sampleA">Sample A</label>
<input id="sampleB" name="try" type="radio" data-ng-model="$ctrl.isSampleA" value="false" data-ng-change="$ctrl.update()"></input>
<label for="sampleB">Sample B</label>

js文件:

//Initialization:
vm.isSampleA = false;
//This function returns the correct boolean value returned by API
    vm.update = function() {
    vm.isSampleA = response.rows["0"].sampleA;
};

我将简要解释一下流程:最初默认检查是“样本 B”选项。然后，用户检查“示例 A”选项并将更新后的值发送到 REST API，并在其中正确更新。接下来当我想再次编辑此表单时:

预期:应检查“样本 A”

实际:即使 'isSampleA' 的值为 true，也不会检查 2 个选项。

Answer 1

使用ng-value指令而不是普通的value属性:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<script>
  angular.module('app', [])
</script>

<div ng-app='app' ng-init='test=true'>
  <label>
    <input type="radio" ng-model="test" ng-value="true">
    One
  </label>
  <br/>
  <label>
    <input type="radio" ng-model="test" ng-value="false">
    Two
  </label>
  <br/>
  <button ng-click='test = !test'>Click</button>
</div>