javascript - Angularjs 没有可视化输入选择中的第一个选项

Question

在 Angularjs 中，将输入选择绑定(bind)到模型会创建新的空选项

<option value="? undefined:undefined ?"></option>

这是代码

<select name="category" ng-model="hotspot.category">
  <option>Culture</option>
  <option>Education</option>
  <option>Parks</option>
  <option>Student Pubs</option>
</select>

这正常吗？看起来不是什么好看的东西。

Answer 1

确保您已使用选项值之一初始化模型变量。

试试这个

Controller

$scope.hotspot = {};
$scope.hotspot.category = "Culture";

HTML

<select name="category" ng-model="hotspot.category">
  <option>Culture</option>
  <option>Education</option>
  <option>Parks</option>
  <option>Student Pubs</option>
</select>