Angular.js 实现数字转换汉字实例代码


Posted in Javascript onJuly 14, 2016

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

Javascript 相关文章推荐
jQuery 验证插件 Web前端设计模式(asp.net)
Oct 17 Javascript
javascript中有趣的反柯里化深入分析
Dec 05 Javascript
使用js简单实现了tree树菜单
Nov 20 Javascript
类似php的js数组的in_array函数自定义方法
Dec 27 Javascript
Javascript中封装window.open解决不兼容问题
Sep 28 Javascript
javascript判断并获取注册表中可信任站点的方法
Jun 01 Javascript
浅析js绑定事件的常用方法
May 15 Javascript
JS获取input file绝对路径的方法(推荐)
Aug 02 Javascript
jQuery Ajax实现跨域请求
Jan 21 Javascript
javascript内存分配原理实例分析
Apr 10 Javascript
超轻量级的js时间库miment使用解析
Aug 02 Javascript
jquery将信息遍历到界面上实例代码
Jan 21 jQuery
JavaScript——DOM操作——Window.document对象详解
Jul 14 #Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
Jul 14 #Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
Jul 14 #Javascript
jQuery实现公告新闻自动滚屏效果实例代码
Jul 14 #Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
Jul 14 #Javascript
javascript运算符语法全面概述
Jul 14 #Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
Jul 14 #Javascript
You might like
php usort 使用用户自定义的比较函数对二维数组中的值进行排序
2017/05/02 PHP
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
2007/05/08 Javascript
Div自动滚动到末尾的代码
2008/10/26 Javascript
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
2010/06/19 Javascript
基于JQuery的一个简单的鼠标跟随提示效果
2010/09/23 Javascript
教你用javascript实现随机标签云效果_附代码
2016/03/16 Javascript
javascript中JSON.parse()与eval()解析json的区别
2016/05/19 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
2016/07/18 Javascript
js enter键激发事件实例代码
2016/08/17 Javascript
jQuery EasyUI Layout实现tabs标签的实例
2017/09/26 jQuery
vue中使用axios post上传头像/图片并实时显示到页面的方法
2018/09/27 Javascript
关于vue状态过渡transition不起作用的原因解决
2019/04/09 Javascript
Layui Form 自定义验证的实例代码
2019/09/14 Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
2019/09/20 Javascript
使用AutoJs实现微信抢红包的代码
2020/12/31 Javascript
零基础写python爬虫之爬虫框架Scrapy安装配置
2014/11/06 Python
Python六大开源框架对比
2015/10/19 Python
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
Python实现文件信息进行合并实例代码
2018/01/17 Python
cmd运行python文件时对结果进行保存的方法
2018/05/16 Python
python PIL和CV对 图片的读取,显示,裁剪,保存实现方法
2019/08/07 Python
基于django2.2连oracle11g解决版本冲突的问题
2020/07/02 Python
利用python下载scihub成文献为PDF操作
2020/07/09 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
工程师必须了解的LRU缓存淘汰算法以及python实现过程
2020/10/15 Python
高档奢华时装在线目的地:FORWARD by elyse walker
2017/10/16 全球购物
荷兰最大的多品牌男装连锁店:Adam Brandstore
2019/12/31 全球购物
《满井游记》教学反思
2014/02/26 职场文书
中式结婚主持词
2014/03/14 职场文书
个人安全生产承诺书
2014/05/22 职场文书
素质教育标语
2014/06/27 职场文书
2015员工年度考核评语
2015/03/25 职场文书
导游词之襄阳古城
2019/09/27 职场文书
解决 Redis 秒杀超卖场景的高并发
2022/04/12 Redis
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS