AngularJS - 드롭 다운에서 선택한 옵션의 속성 가져 오기

Question

각도에서 시작하고 선택 드롭 다운을 사용하면 정말 혼란 스럽습니다. 기본적으로 JSON 객체를 AJAX 호출을 사용하고 AngularJS를 사용하여 JSON으로 채 웁니다.

드롭 다운의 경우 데이터베이스에서 settings.metric = '2'입니다. 따라서 선택된 것은 "cm"입니다.

제 질문은 현재 선택된 옵션과 해당 데이터 값을 얻는 방법입니다. 나는 scope.settings.metric을 시도했지만 나에게주는 모든 것은 "2"입니다. 나는 이름과 데이터 값과 같은 선택한 다른 속성을 얻고 싶습니다.

$scope.metrics = [ 
      {id:1,name:'in',value:'1',datavalue:'in'}, 
      {id:2,name:'cm',value:'2',datavalue:'cm'}, 
      {id:3,name:'px',value:'3',datavalue:'px'}, 
      {id:4,name:'pt',value:'4',datavalue:'pt'} 
      ]; 

<select 
    ng-model="settings.metric" // this is 2 from database call 
    ng-options="p.value as p.name for p in metrics" > 
</select> 

Answer 1

이것은 이미 가지고있는 것과 매우 간단합니다. 이것을 써야합니다.

ng-options="p as p.name for p in metrics" 

첫번째 파라미터 'P'

번째 파라미터 'p.name'는 옵션으로 표시되는 값이다 저장되는 값이다.

호프가 도움이되기를 바랍니다.