AngularJS使用范围变量填充选择

Posted 2023-02-23

【中文标题】AngularJS使用范围变量填充选择

【英文标题】：AngularJS populate select using scope variable

【发布时间】：2021-02-02 19:30:40

【问题描述】：

尝试使用 html 选择和范围变量进行简单绑定，但选择未填充正确的值。

<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，但默认情况下没有选择任何内容。

【参考方案1】：

模型值应该是一个字符串，以便与选项值匹配：

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

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