2017-10-17 96 views
0

我想設置一個默認值給我選擇的組件使用角度ng-options 我已經看到關於這個問題的其他主題,但我嘗試在我的情況下使用它,但沒有解決.. 所以我有一個選擇組件如何在ng選項中設置默認值AngularJS

<select ng-options="dis.entidade.idEntidade as dis.entidade.nome for dis in distritos" ng-model="distrito.entidade.idEntidade" class="form-control"> 
    <option></option> 
</select> 

,我想設置defaul值。

回答

1

您可以設置在no-model屬性。例如:

$scope.distrito.entidade.idEntidade = $scope.distritos[0].entidade.idEntidade; 

angular.module('app', []).controller('select', function($scope) { 
 
    $scope.distrito = {}; 
 
    $scope.distrito.entidade = {}; 
 

 
    $scope.distritos = [{ 
 
    entidade: { 
 
     nome: 'test1', 
 
     idEntidade: 1 
 
    } 
 
    }, { 
 
    entidade: { 
 
     nome: 'test2', 
 
     idEntidade: 2 
 
    } 
 
    }]; 
 

 
    $scope.distrito.entidade.idEntidade = $scope.distritos[0].entidade.idEntidade; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="select"> 
 
    <select ng-options="dis.entidade.idEntidade as dis.entidade.nome for dis in distritos" ng-model="distrito.entidade.idEntidade" class="form-control"> 
 
    
 
    </select> 
 
</div>

0

在您的控制器中,您可以設置$scope.distrito.entidade.idEntidade = "defaultValue"。你的ng模型是選定的值,所以如果你沒有在你的控制器中初始化它,這個值將是未定義的。 如果您在初始化期間爲相關模型設置了一個值,這將是默認選定值。

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.somethingList = []; 
 
    $scope.somethingList.push("Something1"); 
 
    $scope.somethingList.push("Something2"); 
 
    $scope.somethingList.push("Something3"); 
 
    
 
    $scope.selectedSomething = $scope.somethingList[0]; 
 
});
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
</head> 
 

 
<body> 
 
    <div ng-app="myApp" ng-controller="myCtrl"> 
 
    <select ng-options="something for something in somethingList" ng-model="selectedSomething"></select> 
 
    </div> 
 
</body> 
 

 
</html>

0
<select ng-options="dis.entidade.idEntidade as dis.entidade.nome for dis in distritos" ng-model="distrito.entidade.idEntidade" class="form-control"> 
<option>THIS IS YOUR DEFAULT VALUE</option> 

如果你想有一些這意味着你應該這樣做在你的控制器,例如默認值:

if (!$scope.distrito.entidade.idEntidade) 
    $scope.distrito.entidade.idEntidade = 'Some default value';