在Web应用程序中实现md-toast的最佳实践是什么？

Question

我是AngularJS和Material的新手。 在整个网站上实施动态Angular Material吐司的最佳做法是什么？演示here告诉我，我需要在控制器中包含代码。但是，我不想在所有控制器中都有重复的md-toast代码。这里做什么是正确的？谢谢！

Answer 1

您可以在每个控制器中执行服务并注入该服务。

angular.module('toast', ['ngMaterial'])
.service('toastService', function($scope, $mdToast, $document)){
    [...]
}
.controller('AppCtrl', function($scope, toastService) {
    toastService.showToast(message,params,...);
}

在服务中，您以与控制器中相同的方式编写Toast逻辑，而是使用变量的字符串作为消息的字符串。然后你可以调用服务中的函数传递控制器中声明的消息，以及你想要的其他参数。