Question

我正在以角度创建一个select标签。根据我阅读的许多网站和这里的一些帖子，它说使用select标签时不使用＆＃34; ng-repeat＆＃34;在选项标签上，但使用＆＃34; ng-options＆＃34;在select标签上，这就是我如何设置它。我的问题是，我想要一个默认选择的特定选项标签，如何使用此方法设置所选属性？

<select class="form-control" ng-model="selected_group" ng-change="new_group($event)" ng-options="group as (group.group_name | decodeuri) for group in groups"></select>

Answer 1

选择默认值很简单：将display: inline-block设置为等于控制器中的特定组。

基本思路是你有一个集合，所选的选项将存储在你的selected_group中。要从一开始就指定一个选择，您需要在ng-model中添加一些内容。那必须在你的控制器里。

Answer 2

您可以添加<option>代码：

<select class="form-control" ng-model="selected_group" ng-change="new_group(selected_group)" ng-options="group as (group.group_name | decodeuri) for group in groups">
    <option value="">Please Select an Option</option>
</select>

Answer 3

我在这里创建了小型demo

<div ng-app="myApp" ng-controller="myCtrl">
<select class="form-control" ng-model="option.group" ng-options="group as (group.name | myfilter) for group in groups">  
</select>
</div>


var app = angular.module('myApp', []);
app.filter('myfilter', function() {
  return function(v) {
    return v == 'test3' ? 'filtered test3' : v;
  };
});
app.controller('myCtrl', function($scope) {      

$scope.groups = [{id:1,name:'test1', phone:'1234567890'},
                       {id:2,name:'test2', phone:'1234567890'},
                       {id:3,name:'test3', phone:'1234567890'}
                     ];

$scope.option={                     
    group: $scope.groups[1]
  }                    

});

角度选择标签

3 个答案: