Question

我是Angular的新手，而且我很难解决一个简单的选择问题。

我做了一个简单的选择，它迭代我的范围来填充选择，但在用户点击一个选项（创建良好）之后，我的选择变为空白，里面没有选择，如果我再次点击它没有选项可见。

下面是我的代码：

var app = angular.module("myApp", []);

app.controller("myCtrl", function($scope) {
$scope.searchFilterDispatcher = {};
$scope.searchFilterDispatcher.distributionCode = [{
  id: 1,
  label: 'dist1'
}, {
  id: 2,
  label: 'dist2'
}];


});

<script 
 
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js">
</script>

<select ng-model="searchFilterDispatcher.distributionCode" 
        ng-options="item as (item.label | uppercase) for item in 
 searchFilterDispatcher.distributionCode"  
        class="form-control" 
        id="distributionCode">
	<option >{{'SELECT_A_VALUE' | translate}}</option>
</select>

任何提示？

Answer 1

您应该像以下一样更改您的ng模型。它适用于代码段

＆＃13;

var app = angular.module("myApp", []);

app.controller("myCtrl", function($scope) {
    $scope.searchFilterDispatcher = {};
    $scope.searchFilterDispatcher.distributionCode = [{
      id: 1,
      label: 'dist1'
    }, {
      id: 2,
      label: 'dist2'
    }];
    
    
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">
<select ng-model="val" ng-options="item as (item.label | uppercase) for item in searchFilterDispatcher.distributionCode" class="form-control" id="distributionCode">
</select>
</div>

＆＃13;

选择不保留用户

1 个答案: