AngularJS, 부트 스트랩 모달, 모달 닫기 및 메모 삭제

Question

메모를 삭제할 때 경고 상자로 모달을 사용하려고했습니다. "DELETE"를 누르면 모달이 경고로 팝업됩니다. 모달에서 "확인"을 누르면 모달을 닫고 메모를 삭제해야합니다. 이 오류가 발생합니다 : "잡히지 않은 TypeError : 정의되지 않은 함수가 아닙니다 - $ 모달이 정의되지 않았습니다". 여러분이 초보자를 도울 수 있기를 바랍니다.

이 바이올린 참조하십시오

jsfiddle.net/VJ94U/985/ jsfiddle에서

Answer 1

많은 오류를.

먼저

이 그런 다음 각 모듈의 종속성으로 ui.bootstrap 추가 각도-UI-부트 스트랩 LIB (http://angular-ui.github.io/bootstrap/)

가져올하십시오 : 마지막으로 ['ui.sortable', 'ui.bootstrap']);

을, 당신은 $ 모달를 주입 할 필요가 서비스를 귀하의 컨트롤러에 입력하십시오 :

app.controller('MainCtrl', function ($scope, $modal) {...}