AngularJS의 ng-options에서 값 속성을 어떻게 설정합니까?
- Barbara Streisand원래의
- 2024-11-07 00:32:02984검색
AngularJS용 ng-options에서 값 설정
AngularJS의 ng-options 지시문을 사용하면 개발자가
값 설정 메커니즘을 이해하기 위해 ngOptions의 구문을 자세히 살펴보겠습니다. 다음 형식 중 하나로 표현식을 사용합니다.
배열의 경우:
label for value in array
객체의 경우:
label for (key, value) in object
다음 예제 배열을 고려하십시오.
array = [{ "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" }];
ng-options를 사용하여 옵션을 채우려면 다음과 같이 작성할 수 있습니다.
<select ng-options="obj.text as obj.value for obj in array"></select>
이 경우 obj.value는 선택된 항목을 결정합니다.
업데이트: 값 표현식으로 추적
최근 AngularJS 업데이트를 통해 이제 추적을 사용하여 값 속성의 값을 명시적으로 지정할 수 있습니다. 표현식:
<select ng-options="obj.text for obj in array track by obj.value"></select>
구문 기억
ngOptions 구문은 기억하기 어려울 수 있습니다. 유용한 비유는 이를 Python 목록 이해의 확장된 버전으로 생각하는 것입니다.
[x**2 for x in [1, 2, 3, 4, 5]]
그러나 ng-options에서는 as 키워드를 사용하여 각 옵션에 대해 표시되는 값과 텍스트를 구분합니다.
person.id as person.name for person in people
JavaScript 객체의 경우 (키, 값) 쌍을 사용하여 구문이 유사합니다.
for (key, value) in object
위 내용은 AngularJS의 ng-options에서 값 속성을 어떻게 설정합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.