製作Toast指令

我在Angular 1.5中構建了一個應用程序，我正在做所有的CSS等。到現在爲止，我已經通過在我所有的HTML模板製作Toast指令

<div 
    class="toast" 
    ng-repeat="toast in vm.toasts" 
    ng-class="{'success': toast.type == 1, 'error': toast.type == 2}"> 
    <p ng-bind="toast.msg"></p> 
</div>

和下面的代碼處理錯誤和成功的消息，然後我處理的時候剛剛被使用vm.toasts.push（錯誤）錯誤/成功消息。

我想要做的是創建一個可以處理敬酒的服務。

我想總是讓我敬酒的直接孩子的id =「包裝」，它應該像調用toast.new（類型，消息）一樣簡單;

也許這很容易實現，但我還沒有真正掌握如何製作自定義指令和服務。

謝謝！

來源

2016-07-10 Stian Bakken

你的問題太寬泛了 - 你可以看看現有的[toast]（https://github.com/jirikavi/AngularJS-Toaster）[指令]（https://github.com）的源代碼/ Foxandxss/angular-toastr）更好地學習和理解 –

我通過創建一個toast服務和一個監聽服務的toast-directive來解決這個問題。每當我向Toast服務發送錯誤消息時，它都會在指令中呈現。

來源

2016-09-02 09:44:48

回答

相關問題