做一个祝酒指令

Question

我正在Angular 1.5中构建一个应用程序，我自己也在做所有CSS等。 到目前为止，我一直在处理错误和成功消息，方法是在我的所有html模板中包含以下代码

<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（错误）。

我要做的是创建一个可以处理祝酒词的服务。

我想总是让我的toast直接子id =“wrapper”，它应该像调用toast.new（type，message）一样简单;

也许这很容易实现，但我还没有真正掌握如何制作自定义指令和服务。

谢谢！

Answer 1

我通过创建一个toast-service和一个监听服务的toast-directive来解决这个问题。每当我向toast-service发送错误消息时，它都会在指令中呈现。