Angular.js 实现数字转换汉字实例代码  更新时间:2016年07月14日 10:41:09   作者:_破破   这篇文章主要介绍了Angular.js 实现数字转换汉字实例代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下 AngularJS 简介 AngularJS 是一个 JavaScript 框架。它可通过 以上所述是小编给大家介绍的Angular.js 实现数字转换汉字实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持! 您可能感兴趣的文章: 详解AngularJS中的filter过滤器用法 AngularJS的内置过滤器详解 详解AngularJS中自定义过滤器 AngularJS中的过滤器使用详解 使用AngularJS创建自定义的过滤器的方法 AngularJS过滤器filter用法总结 详解AngularJS中$filter过滤器使用(自定义过滤器) AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制) AngularJS 过滤器(自带和自建)详解 Angularjs 双向绑定时字符串的转换成数字类型的问题 Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例 angularjs 数字 汉字 相关文章 强大的 Angular 表单验证功能详细介绍 本篇文章主要介绍了强大的 Angular 表单验证功能详细介绍,使用 Angular 的内置表单校验能够完成绝大多数的业务场景的校验需求,有兴趣的可以了解一下 2017-05-05 Angular 通过注入 $location 获取与修改当前页面URL的实例 这篇文章主要介绍了Angular 通过注入 $location 获取与修改当前页面URL的实例代码,需要的朋友可以参考下 2017-05-05 AngularJS框架的ng-app指令与自动加载实现方法分析 这篇文章主要介绍了AngularJS框架的ng-app指令与自动加载实现方法,结合实例形式分析了ng-app指令的功能及自动加载机制的实现技巧,需要的朋友可以参考下 2017-01-01 Angular 2使用路由自定义弹出组件toast操作示例 这篇文章主要介绍了Angular 2使用路由自定义弹出组件toast操作,结合实例形式分析了Angular2使用路由操作弹出组件toast相关定义与使用技巧,需要的朋友可以参考下 2019-05-05 Angular页面间切换及传值的4种方法 这篇文章主要为大家详细介绍了Angular页面间切换及传值的四种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 2016-11-11 Angular中支持SCSS的方法 这篇文章主要介绍了Angular中支持SCSS的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-11-11 Angular整合zTree的示例代码 本篇文章主要介绍了Angular整合zTree的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2018-01-01 AngularJS的脏检查深入分析 这篇文章主要介绍了AngularJS的脏检查深入分析,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-04-04 浅谈AngularJs 双向绑定原理(数据绑定机制) 本篇文章主要介绍了浅谈AngularJs 双向绑定原理(数据绑定机制),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-12-12 Angular父组件调用子组件的方法 组件是一种特殊的指令,使用更简单的配置项来构建基于组件的应用程序架构.这篇文章主要介绍了Angular组件——父组件调用子组件方法,需要的朋友可以参考下 2018-04-04 最新评论

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 实现数字转换汉字实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:

  • 详解AngularJS中的filter过滤器用法
  • AngularJS的内置过滤器详解
  • 详解AngularJS中自定义过滤器
  • AngularJS中的过滤器使用详解
  • 使用AngularJS创建自定义的过滤器的方法
  • AngularJS过滤器filter用法总结
  • 详解AngularJS中$filter过滤器使用(自定义过滤器)
  • AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
  • AngularJS 过滤器(自带和自建)详解
  • Angularjs 双向绑定时字符串的转换成数字类型的问题
  • Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
张贴在3