好运快3

文檔庫

最新最全的文檔下載
當前位置:文檔庫 > Angular.js 實現數字轉換漢字實例代碼

Angular.js 實現數字轉換漢字實例代碼

這篇文章主要介紹了Angular.js 實現數字轉換漢字實例代碼的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

AngularJS 簡介

AngularJS 是一個JavaScript 框架。它可通過<script> 標簽添加到HTML 頁面。

AngularJS 通過指令擴展了HTML,且通過表達式綁定數據到HTML。

下面通過本文給大家介紹Angular.js 實現數字轉換漢字實例代碼,具體代碼如下所示:// 1、實現輸入數字輸出對應漢字,要求使用angularjs,不準使用$watch函數,for循環;提示:ng-change指令

<div ng-app="myApp" ng-controller="changeCtrl"> // 定義一個app指令定義一個controller 指令用于為你的應用添加控制器。在控制器中,你可以編寫代碼,制作函數和變量,并使用scope 對象來訪問。

數字: <input ng-model="number" ng-change="changeFunc(number)"> // ng-model 指令綁定了HTML 表單元素到scope 變量中。如果scope 中不存在變量, 將會創建它。ng-change 事件在值的每次改變時觸發

<h1>你輸入了: {{result}}</h1> // 和ng-model數據綁定的值

</div>

<script>

var app = angular.module('myApp', []); // 新建一個模塊,注意新的模塊需要在app.js 里面引入

app.controller('changeCtrl', function($scope) { // 建立controller方法供html使用

$scope.number = ""; // 這里是input框中出現的值

$scope.result = ""; // 結果是h1中出現的值

var array=["零","一","二","三","四","五","it(",");//第一種// 通過截取的形式每一個數字添加‘,'split把字符串變成數組

atr.forEach(function(e){ // 循環數組atr

$scope.result += array[e];

});

/*for(var a in number){ //第二種

console.log("number[a]=",number[a]);

var i = parseInt(number[a]);

$scope.result += array[i];

}*/

}

};

});

</script>

以上所述是小編給大家介紹的Angular.js 實現數字轉換漢字實例代碼,希望對大家有所幫助

免費下載Word文檔免費下載: Angular.js 實現數字轉換漢字實例代碼

(共1頁)
好运快3