지시문을 사용하여 구현하는 것이 아이디어인데 막혔고 컨트롤러에 API를 노출하는 방법을 모르겠습니다
토스트가 팝업되면 컨트롤러에서 API를 호출하고 싶지만 xxx.showToast 이 인터페이스를 얻는 방법을 모르고 지시문을 종속성 주입으로 사용할 수 없습니다. 여기서 멈췄으면 좋겠습니다. 나에게 조언 좀 해주세요.
xxx.showToast
디렉티브를 받아서 직접 작성해서 사용하시면 됩니다
.토스트박스{
}.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) {
<toast ng-model="toast" position="center"></toast>
$scope.toast = { 텍스트: "Hellow", 유형: 1, 시간 제한: 1000, 최대:2 };
AngularJS-Toaster를 사용할 수 있습니다https://github.com/jirikavi/A...
위에서 언급한 anglejs-toaster는 사용하기 매우 쉽고 사용할 수 있습니다. 또는 서비스를 작성하고 di를 통해 사용하십시오.
스위트 얼럿을 사용해본 적이 있는데 괜찮은 것 같아요. http://t4t5.github.io/sweetal...
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
디렉티브를 받아서 직접 작성해서 사용하시면 됩니다
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 };
AngularJS-Toaster를 사용할 수 있습니다
https://github.com/jirikavi/A...
위에서 언급한 anglejs-toaster는 사용하기 매우 쉽고 사용할 수 있습니다. 또는 서비스를 작성하고 di를 통해 사용하십시오.
스위트 얼럿을 사용해본 적이 있는데 괜찮은 것 같아요.
http://t4t5.github.io/sweetal...