中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

這篇文章主要介紹了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=["零","一","二","三","四"，"五","六","七","八","九","十"];

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

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

if(number != ''){

$scope.result = "";

var atr=number.replace(/(.)(?=[^$])/g,"$1,").split(",");//第一種 // 通過截取的形式每一個數字添加‘，'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 實現數字轉換漢字實例代碼，希望對大家有所幫助