AngularJS使用范围变量填充选择

问题描述

试图获得带有html select和作用域变量的简单绑定，但是select的填充值不正确。

<select ng-model="noOfReps" name="reps" id="reps">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
          </select>

这就是我的控制器中的东西

$scope.noOfReps = 2;

但是结果是一个下拉列表，其中包含从1到6的所有值，但默认情况下未选择任何内容。

解决方法

模型值应为字符串，以便与选项值匹配：

如果使用选项的value属性或textContent设置选项值，则该值将始终为字符串，这意味着模型值也必须为字符串

https://docs.angularjs.org/api/ng/directive/select