Angular.js 实现数字转换汉字实例代码
AngularJS简介
AngularJS是一个JavaScript框架。它可通过<script>标签添加到HTML页面。
AngularJS通过指令扩展了HTML，且通过表达式绑定数据到HTML。
下面通过本文给大家介绍Angular.js实现数字转换汉字实例代码，具体代码如下所示：
//1、实现输入数字输出对应汉字，要求使用angularjs，不准使用$watch函数，for循环；提示：ng-change指令
<divng-app="myApp"ng-controller="changeCtrl">//定义一个app指令定义一个controller指令用于为你的应用添加控制器。在控制器中，你可以编写代码，制作函数和变量，并使用scope对象来访问。
数字:<inputng-model="number"ng-change="changeFunc(number)">//ng-model指令绑定了HTML表单元素到scope变量中。如果scope中不存在变量,将会创建它。ng-change事件在值的每次改变时触发
<h1>你输入了:{{result}}</h1>//和ng-model数据绑定的值
</div>
<script>
varapp=angular.module('myApp',[]);//新建一个模块，注意新的模块需要在app.js里面引入
app.controller('changeCtrl',function($scope){//建立controller方法供html使用
$scope.number="";//这里是input框中出现的值
$scope.result="";//结果是h1中出现的值
vararray=["零","一","二","三","四"，"五","六","七","八","九","十"];
$scope.changeFunc=function(number){//定义一个ng-change方法,当input内的值改变时出发（input内输入一个值，方法改变一次）
console.log("number=",number);
if(number!=''){
$scope.result="";
varatr=number.replace(/(.)(?=[^$])/g,"$1,").split(",");//第一种//通过截取的形式每一个数字添加‘，'split把字符串变成数组
atr.forEach(function(e){//循环数组atr
$scope.result+=array[e];
});
/*for(varainnumber){//第二种
console.log("number[a]=",number[a]);
vari=parseInt(number[a]);
$scope.result+=array[i];
}*/
}
};
});
</script>
以上所述是小编给大家介绍的Angular.js实现数字转换汉字实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！