[b]前言[/b] 在编写一些大型工程的时候，会经常遇到一些公用提示，使用框架自带很多时候不方便，于是我手写了一个，下面来看看详细的介绍： [b]效果图如下[/b] [img]http://files.jb51.net/file_images/article/201705/2017528124740304.png?2017428124750[/img] [b]方法如下[/b] 一、先在angular中注册一个模块 [img]http://files.jb51.net/file_images/article/201705/2017528124812527.png?2017428124820[/img] 二、 [img]http://files.jb51.net/file_images/article/201705/2017528124839185.png?2017428124850[/img] 注册一个模块 注入依赖 三、 [img]http://files.jb51.net/file_images/article/201705/2017528124910808.png?2017428124919[/img] 返回不同的方法应对不同情况 四、 [img]http://files.jb51.net/file_images/article/201705/2017528124947590.png?2017428124959[/img] 获取模板路径 五、 [img]http://files.jb51.net/file_images/article/201705/2017528125019888.png?2017428125028[/img] 编写模板内容 和普通的页面一样调用使用angular服务 六、 [img]http://files.jb51.net/file_images/article/201705/2017528125046241.png?2017428125054[/img]       1. 开启http服务获取模板内容       2.  重点注意[code] $template = $compile(template)(scope); [/code]这句代码非常重要  用于激活模板内容转成angular能识别的html代码片段       3.提示框消失时间 设置回调函数 [code]$template.detach();[/code]用于模板消失 七、 [img]http://files.jb51.net/file_images/article/201705/2017528125125216.png?2017428125152[/img] 设置html代码内的变量       1.由于不在控制层 $scope对象无法获取不了值  所有需要用代替值  需要在使用时将$scope传入 八、使用方法如下 [img]http://files.jb51.net/file_images/article/201705/2017528125215033.png?2017428125231[/img] 记得在控制器里面注入alertModel模块 九、使用效果 [img]http://files.jb51.net/file_images/article/201705/2017528125302737.png?2017428125314[/img] [b]总结[/b] 以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家编程素材网的支持。