2016-08-16 3 views
0

그래서 나는 테이블의 연락처 목록을 출력 한 json 파일을 얻었다. 각 행에는 클릭 한 특정 행이있는 모달 창으로 이동하기위한 버튼이 있습니다. 창을 처리했지만 모달 창으로 데이터를 전달하는 방법을 알 수 없습니다.모달 창에 데이터 전달. Angular js

+0

지시어를 사용하여 구축하여 모달 ? – Shaggy13spe

+0

나는 이것을 추천한다 : http://stackoverflow.com/questions/20181323/passing-data-between-controllers-in-angular-js?rq=1 –

답변

2

, 당신은 resolve 항목으로 추가 할 수 있습니다

angular.module('myApp').controller('MyModalCtrl', function(yourItems) { 
    ... 
}); 
+0

감사합니다. 그것은 작동한다. –

0

프로젝트가 어떻게 구성되어 있는지 정확히 모르겠지만 쉽게 모달을 만드는 데 권장되는 라이브러리가 두 개 있습니다.

ngDialog

이 두 ui-bootstrap 데이터와 컨트롤러가 대화 상자에 첨부 할뿐만 아니라 그들을 위해 자신의 템플릿과 스타일을 만드는 간단한 방법이있다. 과 같이 컨트롤러에

yourItems = [...]; 

$uibModal.open({ 
    ... 
    controller: 'MyModalCtrl as modal', 
    resolve: { 
    modalItems: function() { 
     return yourItems; 
    } 
    } 
}) 

그리고 주사 : 당신은 부트 스트랩 UI를 사용하는 경우

관련 문제