Question

AngularJS

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>

等值

Answer 1

来自documentation：

可选地，单个硬编码的<option>元素（其值设置为空字符串）可以嵌套到<select>元素中。然后，此元素将表示null或“未选中”选项。

示例：

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

Answer 2

如果您想要为您的选择附加单个选项或者您希望修改所有选项，则不太清楚。如果是后者，你可以在选项元素上使用ng-repeat，如下所示：

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

AngularJS在我的选择框前面加了一个选项

2 个答案: