前端講義63 AngularJS 內建過濾器應用

2021-09-24 05:31:03 字數 856 閱讀 7345

1、limitto(限制陣列長度或字串長度):擷取陣列或者字串的長度,如果值為負數,從陣列或者字串的尾部開始擷取。

//擷取陣列arr的前四位,以陣列的形式返回 

}//擷取陣列arr的最後四位,以陣列的形式返回

}

2、lowercase(小寫格式):把字母全部轉化成小寫的形式

}3、uppercase(大寫格式):把字母全部轉化成大寫的形式

4、json(格式化json物件):把乙個js物件格式化為json字串

}      

5、currency(貨幣處理): 將數字格式轉化為貨幣的形式,預設為$。

});

6、date(日期格式化):滿足一般的時間格式要求。

//展現形式為:年-月-日 時:分:秒 星期

} //案例應用,在ng-bind指令中使用過濾器

});

7、filter(匹配字串):挑選出陣列中含有的所選中的子串元素,作為子陣列來返回。

$scope.arr = ["monday","tuesday","星期三","星期四","周五","週六"];

}  展現陣列中含有字母「d」

} 展現有漢子「周」的元素

8、number(格式化數字):把一串數字進行千位的分位,如123,456,789。可指定float型別保留幾位小數。

} 保留小數點後兩位。

9、orderby(排序):將陣列中的元素進行排序

$scope.arr = [,,

,,

]} 以age的從大到小進行排序。

前端講義53 AngularJS安裝

angularjs最實用的特性 雙向資料繫結到html元素 mvc三層架構 model 模型層 應用程式中用於處理資料的部分 view 檢視層 使用者可以看到的使用者顯示資料的頁面 controller 控制器 a,負責從view讀取資料,接受使用者的操作輸入 並將資料傳送給model層。b,mod...

前端Angular編碼規範

參考angular官方文件中的風格指南,詳細資訊可在中檢視.編寫目的 1.使用統一的編碼規範是使應用程式的結構和編碼風格標準化,以便於閱讀和理解這段編碼。2.好的編碼約定可使 嚴謹,可讀性強且意義清楚,並且盡可能直觀。適用範圍 1.本文件主要為前端angular開發語言的規範,不適用於其他語言規範....

前端高階之Angular

這段時間專案開發用到angular,深感js基礎不紮實導致的囫圇吞棗,為了高效的學習,記錄下一些經常用到的指令,服務。q file filereader file uploader ui select 通過 http 繫結外表來選擇 有乙個疑問 jquery angular s ui router ...