利用Angular.js编写公共提示模块的方法教程

站长资源 2024/11/27 佚名

11 1538 11

DDR爱好者之家 Design By 杰米

前言

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

效果图如下

方法如下

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

二、

注册一个模块注入依赖

三、

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

四、

获取模板路径

五、

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

六、

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

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

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

七、

设置html代码内的变量

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

八、使用方法如下

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

九、使用效果

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家的支持。

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“利用Angular.js编写公共提示模块的方法教程”

暂无评论...

2024年11月27日