AngularJS前面加上我的選擇框中的選項

AngularJSAngularJS前面加上我的選擇框中的選項

app.factory('SnazzyService', ['$http', function($http){ 
    return { 
     getList: function(){ 
      return $http.get('feed.php'); 
     } 
    }; 
}]); 

app.controller('MenuSideController', ['$scope','SnazzyService','$modal','$log', function($scope, SnazzyService, $modal, $log) { 

     SnazzyService.getList().success(function(snazzy){ 
      $scope.snazzy = snazzy; 
     }); 
}]);

HTML

<select data-ng-model="user.snazzy" data-ng-options="a.name for a in snazzy">     
</select>

我上面的代碼工作正常，輸出我的選項選擇框。我的問題是，我該如何預先考慮選擇框的選項與作爲<option value="NONE" selected="selected">None</option>

來源

2014-01-26 ngplayground

從documentation這樣的值：

可選，一個硬編碼<option>元素，設置爲空字符串值，可以嵌套到<select>元素中。這個元素將代表null或「未選中」選項。

例子：

<select ng-model="color" ng-options="c.name for c in colors"> 
     <option value="">-- choose color --</option> 
    </select>

來源

2014-01-26 14:53:54

+1我不確定OP是否想要設計這一個或全部風格。我想他可以結合我們的兩個答案。 – Shomz

這個作品謝謝！當我使用ng-change時，會引發錯誤，因爲它比較了提供的用於創建列表的json的數據 – ngplayground

若要追加一個選項，您的選擇或要修改所有的人都非常清楚。如果是後者，你總是可以在選項元素上使用ng-repeat，如下所示：

<select data-ng-model="snazzy"> 
     <option ng-repeat="s in snazzy" value="NONE" selected="selected">{{s.name}}</option> 
</select>

來源

2014-01-26 14:55:21 Shomz

AngularJS前面加上我的選擇框中的選項

回答

相關問題