Angular.js 선택 상자에서 기본 옵션을 설정하는 방법은 무엇입니까?

Angular.js 선택 상자에서 기본 옵션 설정

Angular.js에서는 선택 상자에 기본 옵션을 설정하는 것이 일반적인 요구 사항입니다. 기본적으로 선택 상자에는 첫 번째 옵션이 선택된 것으로 표시됩니다. 그러나 개발자는 비즈니스 논리 또는 사용자 기본 설정에 따라 다른 옵션을 기본값으로 지정하기를 원할 수 있습니다.

다음 코드 조각을 고려하세요.

<select ng-model="somethingHere" 
        ng-options="option.value as option.name for option in options">
</select>

다음 데이터 사용:

options = [{
   name: 'Something Cool',
   value: 'something-cool-value'
}, {
   name: 'Something Else',
   value: 'something-else-value'
}];

이 코드는 기본적으로 첫 번째 옵션("Something Cool")이 선택된 선택 상자를 생성합니다. 이 동작을 변경하려면 Angular.js의 ng-init 지시문을 사용할 수 있습니다. ng-init를 사용하면 적용되는 요소에서 범위 변수를 초기화할 수 있습니다.

<select ng-init="somethingHere = options[0]" 
        ng-model="somethingHere" 
        ng-options="option.name for option in options">
</select>

ng-init 지시어에서 옵션 배열의 첫 번째 요소에 SomethingHere를 설정하면 선택 상자를 강제로 표시할 수 있습니다. 기본적으로 첫 번째 옵션이 선택되어 표시됩니다.

위 내용은 Angular.js 선택 상자에서 기본 옵션을 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!