這篇文章主要介紹了Angular.js 實(shí)現(xiàn)數(shù)字轉(zhuǎn)換漢字實(shí)例代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

AngularJS 簡(jiǎn)介

AngularJS 是一個(gè) JavaScript 框架。它可通過 <script> 標(biāo)簽添加到 HTML 頁面。

AngularJS 通過 指令 擴(kuò)展了 HTML，且通過 表達(dá)式 綁定數(shù)據(jù)到 HTML。

下面通過本文給大家介紹Angular.js 實(shí)現(xiàn)數(shù)字轉(zhuǎn)換漢字實(shí)例代碼，具體代碼如下所示：

// 1、實(shí)現(xiàn)輸入數(shù)字輸出對(duì)應(yīng)漢字，要求使用angularjs，不準(zhǔn)使用$watch函數(shù)，for循環(huán)；提示：ng-change指令

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

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

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

</div>

<script>

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

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

$scope.number = ""; // 這里是input框中出現(xiàn)的值

$scope.result = ""; // 結(jié)果是h1中出現(xiàn)的值

var array=["零","一","二","三","四"，"五","六","七","八","九","十"];

$scope.changeFunc=function(number){ // 定義一個(gè)ng-change方法,當(dāng)input內(nèi)的值改變時(shí)出發(fā)（input內(nèi)輸入一個(gè)值，方法改變一次）

console.log("number=",number);

if(number != ''){

$scope.result = "";

var atr=number.replace(/(.)(?=[^$])/g,"$1,").split(",");//第一種 // 通過截取的形式每一個(gè)數(shù)字添加‘，'split把字符串變成數(shù)組

atr.forEach(function(e){ // 循環(huán)數(shù)組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 實(shí)現(xiàn)數(shù)字轉(zhuǎn)換漢字實(shí)例代碼，希望對(duì)大家有所幫助