angularJS
jiegeng2233
这个作者很懒,什么都没留下…
展开
-
AngularJS ng-class
有三种方法:1、通过$scope绑定(不推荐)2、通过对象数组绑定3、通过key/value键值对绑定实现方法:1、通过$scope绑定(不推荐):[javascript] view plain copy function ctrl($scope) { $scope.clas转载 2017-03-24 16:53:29 · 226 阅读 · 0 评论 -
使用angularjs定义html中的属性ng-attr-(suffix)
html中的属性很多,同样可以使用angularjs来定义:ng-attr-(suffix)=只能使用变量定义<div title="angularjs中的title">title</div><div ng-attr-title="angularjs中的title">title</div><!--这样写显示不出来标题--&转载 2018-10-12 10:13:01 · 1588 阅读 · 0 评论 -
解决angular表达式闪一下
使用 angular JS 的时候,把 angularJS 放到文件底部,在渲染页面的时候,会出现闪一下的情况:解决办法一:使用 ng-cloak style type="text/css">[ng-cloak]{display:none;}style>body ng-app ng-init="name='张三'" ng-cloak> {{name}}body>script type=转载 2018-01-19 15:50:30 · 873 阅读 · 0 评论 -
AngularJS 中的Promise --- $q服务详解
先说说什么是Promise,什么是$q吧。Promise是一种异步处理模式,有很多的实现方式,比如著名的Kris Kwal's Q还有JQuery的Deffered。什么是Promise以前了解过Ajax的都能体会到回调的痛苦,同步的代码很容易调试,但是异步回调的代码,会让开发者陷入泥潭,无法跟踪,比如:funA(arg1,arg2,function(){ funcB(arg1,arg2,转载 2018-01-18 17:30:59 · 209 阅读 · 0 评论 -
AngularJS 使用$sce控制代码安全检查
由于浏览器都有同源加载策略,不能加载不同域下的文件、也不能使用不合要求的协议比如file进行访问。在angularJs中为了避免安全漏洞,一些ng-src或者ng-include都会进行安全校验,因此常常会遇到一个iframe中的ng-src无法使用。什么是SCESCE,即strict contextual escaping,我的理解是 严格的上下文隔离 ...翻译的可能不准确,但是通过字面理解,转载 2018-01-18 17:13:59 · 308 阅读 · 0 评论 -
angular controller之间通信方式
用 Angular 进行开发,基本上都会遇到 Controller 之间通信的问题,本文对此进行一个总结。在 Angular 中,Controller 之间通信的方式主要有三种:1)作用域继承。利用子 Controller 控制父 Controller 上的数据。(父 Controller 中的数据要为引用类型,不能是基本类型,原因参见 AngularJS中的作用域 一文)转载 2018-01-17 18:23:55 · 230 阅读 · 0 评论 -
angularjs的$on、$emit、$broadcast
如何在作用域之间通信呢? 1.创建一个单例服务,然后通过这个服务处理所有子作用域的通信。 2.通过作用域中的事件处理通信。但是这种方法有一些限制;例如,你并不能广泛的将事件传播到所有监控的作用域中。你必须选择是否与父级作用域或者子作用域通信。什么是事件如同浏览器响应浏览器层的事件,比如鼠标点击、获得焦点,angular应用也可以响应angular事件angular事件系统并不与浏转载 2018-01-17 18:02:22 · 186 阅读 · 0 评论 -
AngularJS常用服务($http、$location、$sce等)
这篇博客,只是简单地说下AngularJS中的常用的系统(自带)服务。如果逻辑不清晰,就当作是一个参考手册吧,来查查用法什么的。 另外,附上一些参考网站: AngularJS手册:http://man.hubwiz.com/manual/AngularJS(汇智网) AngularJS常用服务:https://docs.angularjs.org/api/ng/service(Angu转载 2018-01-05 18:27:53 · 446 阅读 · 0 评论 -
AngularJS 指令系统
指令的构造函数会返回带有属性的JavaScript 对象。这些内容在AngularJS 主页中都有清晰说明。以下是我对一些属性的理解:restrict: 说明指令在HTML中的应用形式,备选项有"A"、"E" 和 "C", "M" ,分别代表 attribute、element、class和comment(默认值为"A")。我们将更多的关注attributes-如何创建UI元素。scope转载 2018-01-05 18:25:30 · 174 阅读 · 0 评论 -
angularJs三种依赖注入方式与minify
依赖注入(饭来伸手,一来张口)DI,Dependency InjectioAngularJs使用module“名字/对象”注册表来作为容器,实现DI。依赖注解有三种方式,(数组标注、添加$inject属性、隐式声明)。其中前两种在代码minify时不会被破坏,推荐使用第一种方式。第二种方式可以自己手动改写(下面有例子),也可以使用工具ngAnnotate对隐式声明进转载 2018-01-04 17:12:11 · 350 阅读 · 0 评论 -
angular绑定初始化及bootstrap手动初始化
要启动一个angular应用,可以使用ng-app指令,也可以调用bootstrap方法手动启动。绑定初始化ng-app 通过绑定来进行angular的初始化,会把js代码侵入到html中.(缺)如果引用了angular.js脚本,而且document.readyState为“complete”状态,那么AngularJS会在DOMConten原创 2018-01-04 16:43:40 · 1080 阅读 · 0 评论 -
AngularJS中module的导入导出
在AngularJS实际项目中,我们可能需要把针对某个领域的各个方面放在不同的module中,然后把各个module汇总到该领域的一个文件中,再由主module调用。就是这样:以上,app.mymodule1, app.mymodule2,app.mymodule都是针对某个领域的,比如app.mymodule1中定义directive, app.mymodule2中定义contr转载 2018-01-04 16:08:22 · 2291 阅读 · 0 评论 -
一招制敌 - 玩转 AngularJS 指令的 Scope (作用域)
学习了AngularJS好长时间,最近再次回首看看指令这部分的时候,觉得比自己刚开始学习的时候理解的更加深入了,尤其是指令的作用域这部分。当初看的是《AngularJS权威指南》这本书,但是感觉这本书关于这方面讲的不是很细致,另外吐槽一下,这本书中文版印刷的质量不是很好,很多地方都有错误;不过讲的还是可以的,是一本学习AngularJS的好书。下面我们就来详细分析一下指令的作用转载 2017-12-15 18:29:50 · 325 阅读 · 0 评论 -
angular 自定义服务
在AngularJS中,我们经常将通用的业务逻辑封装在服务里面,这样一来,不仅减少了代码量,而且使出错率也降低了,代码的易读性也提高了,所以说,我们经常用到了业务逻辑,或者是说持久化数据化操作应该放在自定义的服务里面,而不是Controller里面。下面说一下provider、service、factory的定义方式还有主要区别1 , factory服务app.factory(原创 2017-07-07 17:27:11 · 454 阅读 · 0 评论 -
angularJS constant和value
angularjs自身有二种,设置全局变量的方法,在加上js的设置全局变量的方法,总共有三种。要实现的功能是,在ng-app中定义的全局变量,在不同的ng-controller里都可以使用。1,通过var 直接定义global variable,这根纯js是一样的。2,用angularjs value来设置全局变量 。3,用angularjs constant来设置全局转载 2017-07-06 17:34:27 · 299 阅读 · 0 评论 -
angularJs 过滤器
1、uppercase,lowercase 大小写转换{{ "lower cap string" | uppercase }} // 结果:LOWER CAP STRING{{ "TANK is GOOD" | lowercase }} // 结果:tank is good2、date 格式化{{1490161945000 | date:"yyyy-MM-dd HH转载 2017-03-24 18:02:03 · 241 阅读 · 0 评论 -
angular路由 ui.router
angular路由路由 (route) ,几乎所有的 MVC(VM) 框架都应该具有的特性,因为它是前端构建单页面应用 (SPA) 必不可少的组成部分。那么,对于 angular 而言,它自然也有 内置 的路由模块:叫做 ngRoute 。不过,大家很少用它,因为它的功能太有限,往往不能满足开发需求!!于是,一个基于 ngRoute 开发的 第三方路由模块转载 2017-07-10 16:31:40 · 492 阅读 · 0 评论 -
angulaJs 表单验证相关
Angular 的表单属性 $valid, $invalid, $pristine, $dirtyAngular 提供了有关表单的属性来帮助我们验证表单. 他们给我们提供了各种有关一个表单及其输入的信息,并且应用到了表单和输入.属性类描述$validng-validBoolean 告诉我们这一项当前基于你设定的规则是否验证通过转载 2017-03-24 17:05:32 · 312 阅读 · 0 评论 -
component的参数传递
参数传递和绑定方式:bindings声明,如:bindings: {data: '<',rangeType: '@?',customClass: '@',}参数调用方式:在js的controller里通过this.data可以调用到,在模板里可以通过$ctrl.data调用到,'$ctrl'是模板里conroller默认的名称,如果在定义component的时候定义了'...转载 2018-10-25 17:07:49 · 6684 阅读 · 0 评论