그래서 나는 테이블의 연락처 목록을 출력 한 json 파일을 얻었다. 각 행에는 클릭 한 특정 행이있는 모달 창으로 이동하기위한 버튼이 있습니다. 창을 처리했지만 모달 창으로 데이터를 전달하는 방법을 알 수 없습니다.모달 창에 데이터 전달. Angular js
0
A
답변
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를 사용하는 경우
관련 문제
- 1. 각도 모달 - 모달로 데이터 전달
- 2. 모달 창에 알림 표시 iframe js 닫음
- 3. 분리 된 DOM을 만드는 Angular JS $ 모달
- 4. Angular JS ngModel : 변형 데이터
- 5. 모달 및 모달 인스턴스로의 각도 전달 데이터
- 6. 둘 이상의 변수를 Angular JS 지시문에 전달
- 7. Codeigniter - Bootstrap 모달 - 데이터 전달
- 8. Angular-Ui 모달 형식의 데이터 편집
- 9. URL을 변경하는 방법 Angular JS
- 10. HandsonTable, 자식 창에 데이터 전달 및 window.open
- 11. Go 템플릿에서 데이터 가져 오기 Angular js
- 12. ANGULAR JS - 페이지간에 데이터 공유 - 정의되지 않음
- 13. Phonegap - 페이지간에 JS 데이터 전달
- 14. Angular JS 단일 컨트롤러 다중보기
- 15. Angular JS - JS 파일에서 조절기로드하기
- 16. 앵귤러 JS 모달 윈도우 기능
- 17. Gridview 단추에서 모달 창으로 데이터 전달
- 18. 신속한 모달 viewController 해제시 데이터 전달
- 19. CSS는 스크롤바를 모달 창에 추가합니다.
- 20. PDF 파일을 모달 창에 표시
- 21. janrain은 모달 창에 팝업 참여하기
- 22. 모달 창에 설치된 인증서 선택
- 23. 부트 스트랩을 사용하여 부모 창에 모달로 데이터 전달
- 24. 자식 창에 선택한 값 전달
- 25. 콘텐츠 스크립트에서 Angular JS 기반 Chrome 확장자로 메시지 전달
- 26. Angular JS 1.3을 사용하여 부모에서 자식으로 요소 특성 전달
- 27. Angular JS - 스크립트에서 {{}} 사용
- 28. Angular JS 내비게이션
- 29. Angular JS/SQLite/Query
- 30. Angular JS - 경로 포함
지시어를 사용하여 구축하여 모달 ? – Shaggy13spe
나는 이것을 추천한다 : http://stackoverflow.com/questions/20181323/passing-data-between-controllers-in-angular-js?rq=1 –