摘要: 本文也同步发表在我的公众号“我的天空” http服务 之前我们的示例都是在本地获取模拟数据,在实际应用中,所有的项目都将不可避免的从后台获取数据,我们都是通过Ajax来实现与服务器的通信。在AngularJS中,我们使用http服务来实现与后台的数据交互,http服务的使用请看以下代码: var a 阅读全文
posted @ 2017-04-02 16:47 我的天空-老潘 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 本文也同步发表在我的公众号“我的天空” 单选框 在AngulerJS中单选框的处理与复选框有不少相似之处,我们来看以下示例: <body ng-app="myApp" ng-controller="person"> <form ng-submit="submit()" name="myForm"> 阅读全文
posted @ 2017-04-01 16:31 我的天空-老潘 阅读(649) 评论(0) 推荐(0) 编辑
摘要: 本文也同步发表在我的公众号“我的天空” 复选框 复选框只有两个值:true或者false,因此在AngularJS中,一般都是将复选框的ng-model绑定为一个布尔值属性,通过这两个布尔值来决定其勾选状态,以及通过其勾选状态来设置被绑定的属性值为true或false。我们来看以下示例: <body 阅读全文
posted @ 2017-03-31 21:04 我的天空-老潘 阅读(13508) 评论(0) 推荐(0) 编辑
摘要: 本文也同步发表在我的公众号“我的天空” 表单基础 表单是HTML中很重要的一个部分,基本上我们的信息录入都依靠表单,接下来我们学习如何在AngularJS中使用表单,首先看以下示例代码: <body ng-app="myApp" ng-controller="person"> <form ng-su 阅读全文
posted @ 2017-03-30 16:50 我的天空-老潘 阅读(2272) 评论(0) 推荐(0) 编辑
摘要: 本文也同步发表在我的公众号“我的天空” 控制器 控制器可以说是AngularJS中最重要的部分了!之前的一些示例,除了第一讲的示例以外,我们对于AngularJS的使用都集中在HTML部分,其实AngularJS是一个典型的支持MVC架构的框架,MVC是模型(Model)、视图(View)、控制(C 阅读全文
posted @ 2017-03-29 19:44 我的天空-老潘 阅读(777) 评论(0) 推荐(0) 编辑
摘要: 本文也同步发表在我的公众号“我的天空” 重复HTML元素 在前端的页面编写中,我们会经常遇到重复HTML元素,譬如绘制表格、菜单等,如以下代码显示一个简单的li列表: <body> <ul id="ul_cities"> </ul></body> <script> window.onload=fun 阅读全文
posted @ 2017-03-28 20:13 我的天空-老潘 阅读(425) 评论(0) 推荐(0) 编辑
摘要: 本文也同步发表在我的公众号“我的天空” ng-app指令 AngularJS指令是扩展的HTML属性,所有指令均带有前缀“ng-”,我们学习的第一个指令便是ng-app,其定义了AngularJS管理的HTML范围,可以将其想象为“作用域”,只有在添加了ng-app指令的元素中,才能应用Angula 阅读全文
posted @ 2017-03-27 13:01 我的天空-老潘 阅读(356) 评论(0) 推荐(0) 编辑
摘要: 本文也同步发表在我的公众号“我的天空” 在我们之前学习的前端代码编写过程中,总是通过HTML与CSS来进行页面布局,而使用JS来控制页面逻辑,因此,我们习惯于在JS中来操作页面元素,如以下代码,我们希望在页面加载完毕后,更改DIV内的内容: <body> <div id="div"></div> < 阅读全文
posted @ 2017-03-25 15:28 我的天空-老潘 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 本文也同步发表在我的公众号“我的天空” 鼠标的移入移出事件,是在我们做一些前端效果时使用相当频繁的事件,但在JS中,鼠标的移入移出事件有两对,分别是mouseover、mouseout;以及mouseenter、mouseleave,如果没有对其的区别有清新的认识话,则很容易掉坑里! 譬如某次有人反 阅读全文
posted @ 2017-03-24 12:24 我的天空-老潘 阅读(3588) 评论(0) 推荐(0) 编辑
摘要: 本文也同步发表在我的公众号“我的天空” 首先我们先思考一下,执行下列语句分别会显示什么? alert(typeof(Array)); alert(typeof(Array())); 我们进入正题! 在JS中任何变量都是有其数据类型的,而通过typeof()我们可以获得该变量的具体类型,我们看以下这段 阅读全文
posted @ 2017-03-22 15:55 我的天空-老潘 阅读(257) 评论(0) 推荐(0) 编辑