Angularjs 依賴壓縮及自定義過(guò)濾器寫法

發(fā)布時(shí)間：2020-10-07 10:55:36 來(lái)源：腳本之家閱讀：130 作者：DaviGao 欄目：web開發(fā)

具體代碼如下所示：

<!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}} // 三個(gè)參數(shù)分別是‘input 、n1、n2'
      <br>
      {{name | rJs}}
    </div>
</div>
<script type="text/javascript">
       var app=angular.module("myApp",['kk.filter']);  
       //kk.filter是將外部的過(guò)濾器進(jìn)行依賴注入進(jìn)行使用
 app.controller('firstController',['$scope',function($s){
/*上面這行代碼是對(duì)依賴進(jìn)行壓縮， 在controller 內(nèi)使用的。firstController是控制器名稱，$scope必須是正確縮寫不可以進(jìn)行隨意書寫，不能壓縮。而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>

//外部引入過(guò)濾器進(jìn)行使用
var appFilter=angular.module(“kk.filter”,[]); 
//這里的kk.filter 是依賴名稱 可以隨便起。以及var appFilter的名字也是隨便起
appFilter.filter(‘rJs',function(){ // 過(guò)濾器名稱 隨便起 
return function(input,n1,n2){ 
console.log(input); 
console.log(n1); 
console.log(n2); 
return input.replace(/js/, “JavaScript”); // 這是實(shí)現(xiàn)的是將js 改為JavaScript（字符串） 
} 
});

以上所述是小編給大家介紹的Angularjs 依賴壓縮及自定義過(guò)濾器寫法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)億速云網(wǎng)站的支持！

向AI問(wèn)一下細(xì)節(jié)

Angularjs 依賴壓縮及自定義過(guò)濾器寫法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽