AngularJS의 ng-options 지시문에서 옵션 값을 어떻게 설정합니까?

AngularJS의 ng-options에서 옵션 값 검색

ng-options 지시문에서 옵션 값을 지정하는 것은 다음과 같습니다. 일부에게는 혼란 스럽습니다. 문서에는 명확성이 부족하지만 기본 이해 표현식을 이해하면 프로세스가 명확해집니다.

옵션 값을 설정하기 위해 AngularJS는 Python의 목록 이해와 유사한 이해 표현식을 사용합니다. AngularJS에서 ng-options에 대한 이해식은 다양한 형식을 취할 수 있습니다.

배열 데이터 소스 구문:

배열 값 레이블
배열의 값에 대한 레이블로 선택
배열의 값에 대한 그룹별 레이블 그룹
배열의 값에 대한 그룹별 레이블 그룹으로 선택 trackexpr에 의한 추적

객체 구문 데이터 소스:

객체의 (키, 값)에 대한 레이블
객체의 (키, 값)에 대한 레이블로 선택
(키, 값)에 대한 그룹별 레이블 그룹 in object
select as label group by group by (key, value) in object

특정 사례의 경우 올바른 구문은 다음과 같습니다.

array = [{ " value": 1, "text": "1st" }, { "value": 2, "text": "2nd" }];

AngularJS 업데이트로 업데이트:

최근 AngularJS 업데이트를 통해 실제 track by 표현식을 사용하여 select 요소의 value 속성 값:

니모닉:

복잡한 구문을 기억하려면 구문을 더 작은 덩어리로 나누는 것이 도움이 됩니다.

label -> ; 화면에서 보고 싶은 것
->
값 ->에 대해 반복되는 배열 또는 객체를 나타냅니다. 옵션의 값 속성에
->로 저장하려는 내용 화면에서 값에 다른 값을 표시하는 데 사용됩니다(선택 사항)
group by -> 옵션을 그룹화하는 데 사용됩니다(선택 사항)
추적 기준 -> 옵션의 value 속성 값을 설정하는 데 사용됩니다(선택 사항)

구문을 이해하고 이러한 니모닉을 활용하면 AngularJS의 ng-options에서 자신 있게 value 속성을 설정할 수 있습니다.

위 내용은 AngularJS의 ng-options 지시문에서 옵션 값을 어떻게 설정합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!