Angularjs无法在输入选择中显示第一个选项

Question

在Angularjs中，绑定输入select到模型会创建新的空选项

<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

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

试试这个

<强>控制器

$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>