ng-options에 기본값을 설정하는 방법 AngularJS

각도를 사용하여 선택하는 구성 요소에 기본값을 설정하고 싶습니다. ng-options 이 질문에 대한 다른 주제를 보았습니다.하지만 제 경우에는 사용하려고하지만 해결하지는 못합니다. .. 그래서 나는 선택 구성 요소를ng-options에 기본값을 설정하는 방법 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>

을 가지고 있고 나는가 기본으로 값을 설정하고 싶습니다.

출처

2017-10-17 Eduardo Krakhecke

는 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>

출처

2017-10-17 12:12:16

컨트롤러에 $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>

출처

2017-10-17 12:11:52 Patrick

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

을

출처

2017-10-17 12:19:13 vill3

ng-options에 기본값을 설정하는 방법 AngularJS

답변

관련 문제