選擇選項中的ng-init覆蓋ng-model（添加了插件）

Question

在上面的示例中，我正在硬編碼選擇選項並通過ng-init屬性初始化為顏色“紅色”。 我想在頁面加載時顯示默認的顏色“紅色”。

 <select ng-model="mycolor" ng-init="mycolor = 'red'">
      <option>red</option>
      <option>green</option>
    </select>

在控制器中，我將“ mycolor”更新為“綠色”，但由於ng-init屬性，選擇框仍顯示“紅色”。 （我這樣做是因為將從后端檢索mycolor）

app.controller('MainCtrl', function($scope) {
  $scope.mycolor = 'green';
});

如何解決呢？ 簡而言之，我想實現的是，我想在頁面加載時的選擇框中顯示紅色默認值，如果后端的mycolor發生任何更改，則應將其覆蓋為新顏色。 就我而言，它是綠色的。

Answer 1

你可以做

<select ng-model="mycolor" ng-init="mycolor = mycolor || 'red'">

因此，如果有值，則將mycolor模型設置為自身，否則默認為'red' 。

見朋克。 我有5秒鍾的超時時間，將顏色更改為藍色，以模擬后端更改為例。

Answer 2

問題是ngInit是一個指令，角壽命基本上是

因此，您不能根據指令“覆蓋”控制器中的某些內容（除非其專門用於編譯）。

將觀察者置於需要更改的地方，而觀察者回調更改為'mycolor'似乎更合乎邏輯