2016-06-13 2 views
2

일부 데이터가 스마트 테이블 구성 요소에 표시됩니다 (angular 사용). 마지막 열은 선택 요소입니다. 내가하고 싶은 일은 "on-select"변경 이벤트에 플러그인하고 행에 표시된 데이터로 무언가를하십시오.각도 onselect 이벤트를 얻는 방법

여기 내 plunker :

무엇 난 당신이 다음 겨 반복을 NG-옵션을 사용하기 위해 더 나은 드롭 다운 목록을 만들려면 주석

답변

6

에 표시됩니다 달성하고자합니다.

<select ng-option="x.data for x in myItems"> 
</select> 

NG-반복 지시어는 배열의 각 항목에 대해 HTML 코드의 블록을 반복하기 때문에

, 드롭 다운 목록에서 옵션을 만드는 데 사용할 수 있지만, NG-옵션 지시어는 충전을 위해 특별히 만들어졌다 옵션이있는 드롭 다운 목록과 적어도 하나의 중요한 이점이 있습니다.

ng-options로 만든 드롭 다운은 선택된 값을 객체로 허용하지만 ng-repeat에서 만든 드롭 다운은 문자열이어야합니다.

추가 NG 변화는 ng-click을 사용하는 모든 요소에 클릭에 트리거 기능을 원하는 경우에 우리의 컨트롤러

$scope.SelectedRow = function(){ 
      //here take action or do whatever you want to. 
     } 
0

에서 다음

<select ng-change="SelectedRow()" ng-option="x.data for x in myItems"> 
</select> 

. 요소의 속성으로 사용할 수 있습니다. 함수를 호출하고 인수를 전달할 수 있습니다. 그것은 당신의 ng-repeat에서 작동하는 방법

<div ng-repeat="myItem in myItems" ng-click="clicked(myItem.data)">{{myItem.data}}</div> 

확인 plunker 확인합니다.

그것은 작동하지만 다른 answer에 명시된 바와 같이 :

당신이 다음 겨 반복을 NG-옵션을 사용하기 위해 더 나은 각도 드롭 다운 목록을 만들려면

.

관련 문제