亚洲免费乱码视频,日韩 欧美 国产 动漫 一区,97在线观看免费视频播国产,中文字幕亚洲图片

      1. <legend id="ppnor"></legend>

      2. 
        
        <sup id="ppnor"><input id="ppnor"></input></sup>
        <s id="ppnor"></s>

        Angular.js 實現(xiàn)數(shù)字轉(zhuǎn)換漢字實例代碼

        字號:


            這篇文章主要介紹了Angular.js 實現(xiàn)數(shù)字轉(zhuǎn)換漢字實例代碼的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
            AngularJS 簡介
            AngularJS 是一個 JavaScript 框架。它可通過 <script> 標(biāo)簽添加到 HTML 頁面。
            AngularJS 通過 指令 擴(kuò)展了 HTML,且通過 表達(dá)式 綁定數(shù)據(jù)到 HTML。
            下面通過本文給大家介紹Angular.js 實現(xiàn)數(shù)字轉(zhuǎn)換漢字實例代碼,具體代碼如下所示:
            // 1、實現(xiàn)輸入數(shù)字輸出對應(yīng)漢字,要求使用angularjs,不準(zhǔn)使用$watch函數(shù),for循環(huán);提示:ng-change指令
            <div ng-app="myApp" ng-controller="changeCtrl"> // 定義一個app指令 定義一個controller 指令用于為你的應(yīng)用添加控制器。在控制器中,你可以編寫代碼,制作函數(shù)和變量,并使用 scope 對象來訪問。
            數(shù)字: <input ng-model="number" ng-change="changeFunc(number)"> // ng-model 指令綁定了 HTML 表單元素到 scope 變量中。 如果 scope 中不存在變量, 將會創(chuàng)建它。 ng-change 事件在值的每次改變時觸發(fā)
            <h1>你輸入了: {{result}}</h1> // 和ng-model數(shù)據(jù)綁定的值
            </div>
            <script>
            var app = angular.module('myApp', []); // 新建一個模塊,注意新的模塊需要在 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){ // 定義一個ng-change方法,當(dāng)input內(nèi)的值改變時出發(fā)(input內(nèi)輸入一個值,方法改變一次)
            console.log("number=",number);
            if(number != ''){
            $scope.result = "";
            var atr=number.replace(/(.)(?=[^$])/g,"$1,").split(",");//第一種 // 通過截取的形式每一個數(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 實現(xiàn)數(shù)字轉(zhuǎn)換漢字實例代碼,希望對大家有所幫助