많은 개발자가 ng-options를 활용할 때 값 속성을 설정하는 데 어려움을 겪습니다. AngularJS의 지시어. 다음은 이 문제를 해결하기 위한 포괄적인 설명입니다.
ng-options 지시문을 사용하면
ng-options="{expression_for_value} as {expression_for_label} for {expression_for_items_in_source}제공된 예에서 "resultOptions"는 다음을 포함하는 개체의 배열입니다. "value" 및 "text" 속성 모두 다음 구문을 사용합니다.
ng-options="obj.value as obj.text for obj in resultOptions"
이렇게 하면 해당 값이 "obj.value"인 옵션이 생성되고 "obj.text"를 표시 레이블로 사용합니다.
업데이트: 최신 버전의 AngularJS에서는 "추적 기준" 표현식을 사용하여 값을 명시적으로 정의할 수 있습니다.
ng-options="obj.text for obj in array track by obj.value"
구문 이해하기:
병렬을 그려서 구문을 기억하세요 Python의 목록 이해에. 아래 Python 예에서 "x2" 값은 선택한 값을 나타내고 목록의 값은 표시된 레이블을 나타냅니다.
my_list = [x**2 for x in [1, 2, 3, 4, 5]] > [1, 4, 9, 16, 25]
AngularJS 선택 옵션에서 코드 논리의 "값"과 표시 목적의 "텍스트"를 구분합니다. 여기에서 "as" 키워드가 사용됩니다.
person.id as person.name for person in people
이 예에서 "person.id"는 선택한 값을 나타내고 "person.name"은 표시된 레이블을 나타냅니다. 마찬가지로 JavaScript 객체의 경우 "(key, value)" 쌍을 사용하여 항목을 분해합니다.
이러한 차이를 이해하면 AngularJS의 ng-options에서 옵션 값을 효과적으로 설정할 수 있습니다.
위 내용은 데이터 소스에 명시적인 값 속성이 없을 때 AngularJS의 ng-options에서 옵션 값을 어떻게 설정합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
