angulars的初次学习篇之toaster

1.toaster是angulars的提示框,这个提示框是基于angularjs和angular-animate之上的。

引入脚本



用法一

添加指令:

编写弹框调用函数

angular.module('main',['toaster','ngAnimate'])

.controller("myController",function ($scope,toaster) {

$scope.pop=function () {

toaster.pop('sucess',"title","text")

}

})

调用:

         

添加关闭按钮

方式一:全局的,为所有的弹框添加,

方式二:给close-button属性传递一个对象,表示wanring类型的弹框显示按钮,error类型的不显示。默认为false为不显示。

方式三:在控制器里面设置,toaster.pop({

    type : "error",

    title : "ttitle text",

    body : "body text",

    showCloseButton : "true"

})这种设置可能影响页面中的属性设置,但是不会影响其他弹框的属性

你可能感兴趣的:(angulars的初次学习篇之toaster)