Angularjs 依赖压缩及自定义过滤器写法


Posted in Javascript onFebruary 04, 2017

 具体代码如下所示:

<!DOCTYPE html>
<html>
<body>
<header>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script src="angular.min.js"></script>
  <script src="filter.js"></script>
</header>
<div ng-app="myApp">
    <div ng-controller="firstController">
      {{name | rHello}}
      <br>
      {{name | rHello:3:5}} // 三个参数分别是‘input 、n1、n2'
      <br>
      {{name | rJs}}
    </div>
</div>
<script type="text/javascript">
       var app=angular.module("myApp",['kk.filter']);  
       //kk.filter是将外部的过滤器进行依赖注入进行使用
 app.controller('firstController',['$scope',function($s){
/*上面这行代码是对依赖进行压缩, 在controller 内使用的。firstController是控制器名称,$scope必须是正确缩写不可以进行随意书写,不能压缩。而function($s),$s是$scope*的压缩写法,随意写/
   $s.name="Hello Angularjs";
 }]);
 app.filter('rHello',function(){
   return function(input,n1,n2){
      console.log(input);
      console.log(n1);
      console.log(n2);
      return input.replace(/Hello/, "你好");
   }
 });
</script>
</body>
</html>
//外部引入过滤器进行使用
var appFilter=angular.module(“kk.filter”,[]); 
//这里的kk.filter 是依赖名称 可以随便起。以及var appFilter的名字也是随便起
appFilter.filter(‘rJs',function(){ // 过滤器名称 随便起 
return function(input,n1,n2){ 
console.log(input); 
console.log(n1); 
console.log(n2); 
return input.replace(/js/, “JavaScript”); // 这是实现的是将js 改为JavaScript(字符串) 
} 
});

以上所述是小编给大家介绍的Angularjs 依赖压缩及自定义过滤器写法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Firefox 无法获取cssRules 的解决办法
Oct 11 Javascript
js实现文本框中焦点在最后位置
Mar 04 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
Dec 22 Javascript
javascript中的作用域和闭包详解
Jan 13 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
Vue.js 2.x之组件的定义和注册图文详解
Jun 19 Javascript
JS实现将对象转化为数组的方法分析
Jan 21 Javascript
20道JS原理题助你面试一臂之力(必看)
Jul 22 Javascript
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
Sep 17 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
Mar 09 Javascript
如何手写简易的 Vue Router
Oct 10 Javascript
javascript实现复选框全选或反选
Feb 04 #Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 #Javascript
javascript表单正则应用
Feb 04 #Javascript
JS中的phototype详解
Feb 04 #Javascript
详解JavaScript RegExp对象
Feb 04 #Javascript
JS查找字符串中出现最多的字符及个数统计
Feb 04 #Javascript
JavaScript获取中英文混合字符串长度的方法示例
Feb 04 #Javascript
You might like
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
php使用GD创建保持宽高比缩略图的方法
2015/04/17 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
2013/01/09 Javascript
Javascript中的默认参数详解
2014/10/22 Javascript
Java中Timer的用法详解
2015/10/21 Javascript
JavaScript 函数模式详解及示例
2016/09/07 Javascript
微信开发 消息推送实现代码
2016/10/21 Javascript
js实现鼠标移动到图片产生遮罩效果
2017/10/21 Javascript
浅析vue.js数组的变异方法
2018/06/30 Javascript
jQuery序列化form表单数据为JSON对象的实现方法
2018/09/20 jQuery
webpack开发环境和生产环境的深入理解
2018/11/08 Javascript
js使用swiper实现层叠轮播效果实例代码
2018/12/12 Javascript
浅谈layui 数据表格前后台传值的问题
2019/09/12 Javascript
怎么理解wx.navigateTo的events参数使用详情
2020/05/18 Javascript
Python实现连接两个无规则列表后删除重复元素并升序排序的方法
2018/02/05 Python
Caffe均值文件mean.binaryproto转mean.npy的方法
2018/07/09 Python
Python 实现两个列表里元素对应相乘的方法
2018/11/14 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
利用anaconda作为python的依赖库管理方法
2019/08/13 Python
Django自定义用户表+自定义admin后台中的字段实例
2019/11/18 Python
Python基于paramunittest模块实现excl参数化
2020/04/26 Python
使用Python将语音转换为文本的方法
2020/08/10 Python
python爬虫基础之urllib的使用
2020/12/31 Python
新闻记者实习自我鉴定
2013/09/19 职场文书
教师自我鉴定范文
2013/11/10 职场文书
金融专业个人求职信范文
2013/11/28 职场文书
缴纳养老保险的证明
2014/01/10 职场文书
学雷锋树新风演讲稿
2014/05/10 职场文书
希特勒经典演讲稿
2014/05/19 职场文书
土建施工员岗位职责
2014/07/16 职场文书
国庆节促销广告语2014
2014/09/19 职场文书
财产保全担保书
2015/01/20 职场文书
淘宝客服专员岗位职责
2015/04/07 职场文书
2015年工商局个人工作总结
2015/07/23 职场文书
python中%格式表达式实例用法
2021/06/18 Python