Angular的简单Toast通知服务

Angular的简单Toast通知服务
插件名称 angularjs-toast
发布时间 2020年8月26日
插件作者 Sibiraj-S

Angularjs-toast是用于为AngularJS页面创建Toast通知的简单服务。

安装:

# Yarn
yarn add angularjs-toast

# NPM
$ npm install angularjs-toast

# Bower
$ bower install angularjs-toast

用法

导入angularjs-toast所需的模块。必须包含ngSanitizengAnimate才能使angularjs-toast正常工作

<-- styles -->
<link rel="stylesheet" href="../angularjs-toast.min.css" />

<-- scripts -->
<script src="angular/angular.min.js"></script>
<script src="angular-sanitize/angular-sanitize.min.js"></script>
<script src="angular-animate/angular-animate.min.js"></script>
<script src="../angularjs-toast.min.js"></script>

angularjsToast向模块添加依赖项

const app = angular.module('myApp', ['angularjsToast']);

并在您的控制器中

const toastController = toast => {
  toast.create('Hello World!');
};

toastController.$inject = ['toast'];
app.controller('toastController', toastController);

然后用HTML

<toast></toast>