angularjs selectbox option value 2개 이상 넘기기

북마크 추가

<select ng-model="selectData">

<option  ng-repeat="i in data" ng-value="i.value">{{i.name}}</option> 

</select>

 

위와 같이 사용하면

 

$scope.selectData 를 했을때 값으로 i.value만 들어간다.

 

i.value 외에 i.name을 같이 넘기고 싶을 경우 ( 아니면 row에 있는 value 전체)

 

<select ng-model="selectData" ng-options="i.name for i in data">

</select>

 

위와 같이 바꿔주면 <option>{{i.name}}</option>과 같은 형식으로 자동으로 data의 갯수만큼 옵션이 생성된다.

 

select box에서 option을 선택하게 되면

 

해당 row에 해당하는 데이터가 전부 모델값으로 전달된다.

 

선택한 후 $scope.selectData의 값을 보면 JSON형태로 {"id":"???","name":"???","key":"value"........................}로 넘어오며

 

$scope.selectData.id

 

$scope.selectData.name 으로 꺼내서 사용할 수 있다.

AD
관리자
2014-08-14 15:26
SHARE