AngularJS의 ng-options에서 값 속성을 설정하는 방법은 무엇입니까?

AngularJS의 ng-options에서 Value 속성 설정

AngularJS 개발자가 직면하는 일반적인 과제 중 하나는 ng를 활용할 때 value 속성을 설정하는 것입니다. -선택 태그를 채우는 옵션 지시어입니다. 문서가 모호해 보일 수 있지만 해결책은 이해 표현식에 있습니다.

ngOptions 구문

AngularJS 문서에 표시된 대로 ngOptions는 다음 중 하나에서 이해 표현식을 허용합니다. 다음 형식:

• 배열 데이터 소스:

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

• 객체 데이터 소스:

  • 객체의 (키, 값)에 대한 레이블
  • 객체의 (키, 값)에 대한 레이블로 선택
  • 객체의 (키, 값)에 대한 그룹별 레이블 그룹
  • 객체의 (키, 값)에 대한 그룹별 레이블 그룹으로 선택

배열 데이터 소스 값 설정

귀하의 경우 "값" 및 "텍스트" 속성이 있는 개체 배열이 있는 경우 값 속성 설정에 적합한 이해식은 다음과 같습니다.

<select ng-options="obj.value as obj.text for obj in array"></select>

'track by' 표현식 사용

최근 AngularJS 업데이트에서는 "track by" 표현식을 사용하여 선택 값을 명시적으로 설정할 수 있습니다. 요소의 값 속성:

<select ng-options="obj.text for obj in array track by obj.value"></select>

메모리 지원

이 복잡한 구문을 간단하게 기억하려면 이를 Python 목록 이해의 확장이라고 생각하세요. 따라서 다음 형식을 따릅니다.

label as value for item in collection track by trackexpr

예를 들어 다음 표현식은 동일합니다.

my_list = [x**2 for x in [1, 2, 3, 4, 5]]

person.name for person in people

obj.value as obj.text for obj in array

person as person.name for person in people

추가 참고 사항

• "as" 키워드를 사용하여 라벨 속성을 설정할 수도 있습니다.
• 레이블 속성과 값 속성을 모두 설정하면 표시 및 양식 제출에 대해 서로 다른 값을 지정할 수 있습니다.

위 내용은 AngularJS의 ng-options에서 값 속성을 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!