지역 사회
배우다
도구 라이브러리
AI 도구
여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > Angular.js 선택 상자에서 기본 옵션을 설정하는 방법은 무엇입니까?

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

DDD
풀어 주다： 2024-12-01 20:09:13
원래의
1086명이 탐색했습니다.

How to Set a Default Option in an Angular.js Select Box?

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

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

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

1

2

3

<select ng-model="somethingHere"

        ng-options="option.value as option.name for option in options">

</select>

로그인 후 복사

다음 데이터 사용:

1

2

3

4

5

6

7

options = [{

   name: 'Something Cool',

   value: 'something-cool-value'

}, {

   name: 'Something Else',

   value: 'something-else-value'

}];

로그인 후 복사

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

1

2

3

4

<select ng-init="somethingHere = options[0]"

        ng-model="somethingHere"

        ng-options="option.name for option in options">

</select>

로그인 후 복사

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

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

이전 기사：JavaScript의 `delete` 연산자는 객체 자체가 아닌 참조만 제거합니까? 다음 기사：AngularJS 라우팅에서 성가신 해시뱅(#)을 어떻게 제거할 수 있나요?
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿