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>