AngularJS使用范围变量填充选择

AngularJS使用范围变量填充选择,angularjs,data-binding,binding,angularjs-scope,html-select,Angularjs,Data Binding,Binding,Angularjs Scope,Html Select,尝试使用html select和范围变量进行简单绑定,但select没有使用正确的值填充 <select ng-model="noOfReps" name="reps" id="reps"> <option value="1">1</option> <option value="2">2</opt

尝试使用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>

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

模型值应为字符串,以便与选项值匹配:

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

$scope.noOfReps = 2;