ANgularJS 原生函式

• angular.lowercase() 轉換字串為小寫
• angular.uppercase() 轉換字串為大寫
• angular.isString() 判斷給定的物件是否為字串，如果是返回 true
• angular.isNumber() 判斷給定的物件是否為數字，如果是返回 true
• agular.copy(source,destination):將原物件深度複製給目標物件：物件相關聯的物件都會拷貝一份，兩個物件完全獨立

外觀介面

<div ng-app="myApp" ng-controller="myCtrl">
原物件:<span>{{ x1 }}</span><br>
小寫字母：<span>{{ x2 }}</span><br>
小寫字母過濾器實現：<span>{{ x1 | lowercase }}</span><br>
大寫字母：<span>{{ x3 }}</span><br><br>

x4:{{x4}}<br>
x5:{{x5}}<br>
x6:{{x6}}<br>
<br>
x1是否為字串：{{flag01}}<br>
x4是否為字串：{{flag01}}<br>
x5是否為字串：{{flag03}}<br>
x6是否為數字：{{flag04}}<br>
x5是否為數字：{{flag05}}<br>

<hr>
<p>物件複製</p>
原物件：x4:<samp>{{x4}}</samp><br>
複製物件：x7:<span>{{x7}}</span><br>

<hr>
<p>函式複製</p>
<input type="button" ng-click="x9()" value="X8">
<input type="button" ng-click="x9()" value="X9">
</div>
 

js操作邏輯

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.x1 = "HeLLO AnguLar Js WoRld!";
$scope.x2 = angular.lowercase($scope.x1); //轉換為小寫：也可以過濾器處理
$scope.x3 = angular.uppercase($scope.x1)  //轉換為大寫字母

//注意JSON形式的物件或陣列都會被認定為字串
$scope.x4 =[{"name":"zhangsan","age":"14"},{"name":"lisi","age":"20"}];
$scope.x5=new Date();
$scope.x6=10;

$scope.flag01 =angular.isString($scope.x1);
$scope.flag02 =angular.isString($scope.x4);
$scope.flag03 =angular.isString($scope.x5);
$scope.flag04 =angular.isNumber($scope.x6);
$scope.flag05 =angular.isNumber($scope.x5);

$scope.x7=angular.copy($scope.x4);
$scope.x8=function(){
    alert("原方法：X8");
};

//實現方法複製
$scope.x9=angular.copy($scope.x8);
});
 

效果：

相關推薦