随笔分类 -  AngularJS

1
摘要:原因:存在跨域问题 在JavaScript的安全性上,有一条很重要的安全限制,叫“同源策略”。就是一个脚本只能读取与它同源(如由同一个主机下载,通过同一个端口下载或者下载协议相同)的窗口或者文档的属性。 这种限制是很有必要的,如果没有这种限制,窗口中的不可靠脚本就可以用DOM方法读取浏览器窗口的内容 阅读全文
posted @ 2017-03-29 11:29 Amy-WebFrontEnd 阅读(1302) 评论(0) 推荐(0)
摘要:http://www.cnblogs.com/rohelm/p/4033513.html 阅读全文
posted @ 2017-01-04 17:26 Amy-WebFrontEnd 阅读(135) 评论(0) 推荐(0)
摘要:http://www.tuicool.com/articles/EJv6riY http://www.angularjs.cn/A00v http://www.cnblogs.com/ahl5esoft/p/3872597.html 阅读全文
posted @ 2017-01-04 15:08 Amy-WebFrontEnd 阅读(176) 评论(0) 推荐(0)
摘要:http://www.tuicool.com/articles/Fb2um2e 阅读全文
posted @ 2016-12-29 17:02 Amy-WebFrontEnd 阅读(899) 评论(0) 推荐(0)
摘要:ng-class文档:https://docs.angularjs.org/api/ng/directive/ngClass 但是在实际项目中可能会用到三目运算,实例如下: 循环数据时如果是第一条数据也就是索引为0的数据加上yea样式,否则的话就添加no 经过测试当使用angular.js的版本是1 阅读全文
posted @ 2016-12-29 16:00 Amy-WebFrontEnd 阅读(2224) 评论(0) 推荐(1)
摘要:filter: filter过滤器第一个参数若是对象: 结果: 如果我们希望对全部属性进行对比,可以将$当作键名: 结果: orderBy: 第二个参数有值的情况: 第二个参数为true时,是根据age降序排列 结果: 若为false,则为升序排列: 结果: filter与orderBy共用: 结果 阅读全文
posted @ 2016-11-29 14:14 Amy-WebFrontEnd 阅读(371) 评论(0) 推荐(0)
摘要:ng-include: 官网实例: 选择的是template1.html时会显示ngincludetemplate1.html页面的内容:相当于<div ng-include=" 'ngincludetemplate1.html' "></div> 选择的是template2.html时会显示ngi 阅读全文
posted @ 2016-11-23 15:17 Amy-WebFrontEnd 阅读(584) 评论(0) 推荐(0)
摘要:http://www.tuicool.com/articles/uyuuYz 阅读全文
posted @ 2016-11-23 14:16 Amy-WebFrontEnd 阅读(118) 评论(0) 推荐(0)
摘要:https://www.zybuluo.com/bornkiller/note/6023 阅读全文
posted @ 2016-11-23 14:15 Amy-WebFrontEnd 阅读(153) 评论(0) 推荐(0)
摘要:ng-bind: 只能绑定一个变量 在AngularJS中显示模型中的数据有两种方式: 一种是使用花括号插值的方式: 另一种是使用基于属性的指令,叫做ng-bind: ng-bind-template: 可绑定多个变量 输出结果: ngBindTemplate(ng-bind-template)与n 阅读全文
posted @ 2016-11-22 16:50 Amy-WebFrontEnd 阅读(435) 评论(0) 推荐(0)
摘要:selection的值不同会显示不同的数据; 阅读全文
posted @ 2016-11-22 11:29 Amy-WebFrontEnd 阅读(187) 评论(0) 推荐(0)
摘要:从结果可以看出使用ng-if时DOM会被移除,所以使用显示隐藏时要使用ng-show ng-hide 阅读全文
posted @ 2016-11-22 10:23 Amy-WebFrontEnd 阅读(543) 评论(0) 推荐(0)
摘要:html中的属性很多,同样可以使用angularjs来定义: ng-bind中使用字符可以将文字显示出来 阅读全文
posted @ 2016-11-21 18:00 Amy-WebFrontEnd 阅读(3404) 评论(0) 推荐(0)
摘要:1、输入框中不能输入英文双引号: ng-pattern='/^[^\"]*$/' 只要输入的内容有英文双引号就提示错误信息 *:匹配前面的子表达式零次或多次 ^: 匹配输入字符串的开始位置 ^: 在方括号表达式中使用,表示不接受该字符集合 $:匹配输入字符串的结尾位置 2、输入框中只能输入数字(ty 阅读全文
posted @ 2016-11-10 17:25 Amy-WebFrontEnd 阅读(247) 评论(0) 推荐(0)
摘要:一般情况下我们用来输入信息的方法主要如下四个: 1、console.log 用于输出普通信息 2、console.info 用于输出提示性信息 3、console.error用于输出错误信息 4、console.warn用于输出警示信息 5、console.debug用于输出调试信息 console 阅读全文
posted @ 2016-11-10 16:47 Amy-WebFrontEnd 阅读(464) 评论(0) 推荐(0)
摘要:ng-change需与ng-model结合使用,官网说明如下:Note, this directive requires ngModel to be present. change()方法: 当点击example2时会触发change()方法,ngChange变量会发生变化,因此example1也会 阅读全文
posted @ 2016-11-08 14:33 Amy-WebFrontEnd 阅读(2808) 评论(0) 推荐(0)
摘要:ng-selected只能应用在option标签上,就像ng-submit只能应用在form标签上一样。 ng-selected指令为select设置了指定的选中值,HTML规范不允许浏览器保存类似selected的布尔值属性。如果我们将一个Angular的插入值表达式转换为这样的属性,那么当浏览器 阅读全文
posted @ 2016-11-08 11:28 Amy-WebFrontEnd 阅读(5264) 评论(0) 推荐(0)
摘要:1、angular.extend var dst = {name: 'xxx', country: 'China'}; var src1 = {name: 'yyy', age: 10}; var src2 = {sex:'famale',height:'tall'}; angular.extend 阅读全文
posted @ 2016-11-07 10:06 Amy-WebFrontEnd 阅读(199) 评论(0) 推荐(0)
摘要:昨天看了一下教学视频,学到了有关$watch的用法,想到最近做的一个页面中有个select下拉选项(select中的值变化了,则后面input中的值也跟着相应的变化),不知是否可以使用$watch来代替ng-change这个方法。 $watch 方法监视 Model 的变化: 在监听这个$scope 阅读全文
posted @ 2016-11-04 13:33 Amy-WebFrontEnd 阅读(2059) 评论(0) 推荐(0)
摘要:最近一周做了一个页面,制作的过程中遇到各种问题,从中可以看出本人的js基础还不够扎实,angularjs也只是刚入门的水平,现在将制作过程中遇到的问题一一汇总,方便以后查阅。 一、String类型和JSON相互转换 1、使用ng来转换 angularjs中有fromJson和toJson两个方法用于 阅读全文
posted @ 2016-11-03 11:21 Amy-WebFrontEnd 阅读(23312) 评论(0) 推荐(1)

1