如何在ng选项中设置默认值AngularJS

问题描述：

我想设置一个默认值给我选择的组件使用角度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值。

答

您可以设置在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>

答

在您的控制器中，您可以设置$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>

答

<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';

如何在ng选项中设置默认值AngularJS

相关推荐