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 實現數字轉換漢字實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答