javascript -angularjs 간단한 토스트를 작성하고 싶은데 어떻게 구현하나요?

Question

지시문을 사용하여 구현하는 것이 아이디어인데 막혔고 컨트롤러에 API를 노출하는 방법을 모르겠습니다

토스트가 팝업되면 컨트롤러에서 API를 호출하고 싶지만 xxx.showToast 이 인터페이스를 얻는 방법을 모르고 지시문을 종속성 주입으로 사용할 수 없습니다. 여기서 멈췄으면 좋겠습니다. 나에게 조언 좀 해주세요.

Answer 1

디렉티브를 받아서 직접 작성해서 사용하시면 됩니다

css 코드

.토스트박스{

으아악

}
.toast-top{

으아악

}
.toast-bottom{

으아악

}
.toast-box .toast-item{

으아악

}
.toast-box .toast-item.toast-success{

으아악

}
.toast-box .toast-item.toast-error{

으아악

}
.toast-box .toast-item.toast-warn{

으아악

}
.toast-box .toast-item.toast-info{

으아악

}

지시 코드

angular.module('app').directive('토스트', function() {

으아악

});

함수 getToastClass(type) {

으아악

}

html 사용법

<toast ng-model="toast" position="center"></toast>

컨트롤러 사용법

$scope.toast = { 텍스트: "Hellow", 유형: 1, 시간 제한: 1000, 최대:2 };

Answer 2

AngularJS-Toaster를 사용할 수 있습니다
https://github.com/jirikavi/A...

Answer 3

위에서 언급한 anglejs-toaster는 사용하기 매우 쉽고 사용할 수 있습니다. 또는 서비스를 작성하고 di를 통해 사용하십시오.

Answer 4

스위트 얼럿을 사용해본 적이 있는데 괜찮은 것 같아요.
http://t4t5.github.io/sweetal...