首页 > web前端 > js教程 > Angular.js编写公共提示模块的方法分享(图)

Angular.js编写公共提示模块的方法分享(图)

黄舟
发布: 2017-06-01 10:16:50
原创
1476 人浏览过

最近工作中会经常遇到一些公用提示,使用框架自带很多时候不方便所以便自己编写了一个公共提示模块,下面这篇文章主要介绍了利用Angular.js编写公共提示模块的方法教程,需要的朋友可以参考借鉴,下面来一起看看吧。

前言

在编写一些大型工程的时候,会经常遇到一些公用提示,使用框架自带很多时候不方便,于是我手写了一个,下面来看看详细的介绍:

效果图如下

方法如下

一、先在angular中注册一个模块

二、


注册一个模块 注入依赖

三、


返回不同的方法应对不同情况

四、


获取模板路径

五、


编写模板内容 和普通的页面一样调用使用angular服务

六、


      1. 开启http服务获取模板内容

      2.  重点注意 $template = $compile(template)(scope); 这句代码非常重要  用于激活模板内容转成angular能识别的html代码片段

      3.提示框消失时间 设置回调函数 $template.detach();用于模板消失

七、


设置html代码内的变量

      1.由于不在控制层 $scope对象无法获取不了值  所有需要用代替值  需要在使用时将$scope传入

八、使用方法如下


记得在控制器里面注入alertModel模块

九、使用效果

总结

以上是Angular.js编写公共提示模块的方法分享(图)的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板