angular一些冷门的用法

Angular @HostBinding()和@HostListener()用法

@HostBinding()和@HostListener()在自定义指令时非常有用.@HostBinding()可以为指令的宿主元素添加类.样式.属性等,而@HostListener()可以监听宿主元素上的事件. @HostBinding()和@HostListener()不仅仅用在自定义指令,只是在自定义指令中用的较多本文基于Angular2+ 下面我们通过实现一个在输入时实时改变字体和边框颜色的指令,学习@HostBinding()和@HostListener()的用法. import {…

angular中$q.all用法

$q.all是用于执行多个异步任务进行回调,它可以接受一个promise的数组,或是promise的hash(object).任何一个promise失败,都会导致整个任务的失败. 例1:接受一个promise的hash(object): <!DOCTYPE html> <html ng-app="app"> <head> <title></title> <script src="//cdn.bootcss.co…

angular controller的一些用法

最近公司的项目是es6+angular.其中的代码格式还在逐步摸索中.感谢今天同事每天帮我解惑. 今天简单梳理一下controller的一些用法之前看书所熟知的都是这是最普通的一种 //html <html ng-app='app'> <div ng-controller='mycontroller'></div> </html> //js <script> angular.module('app').controller('mycontro…

Angular @Input讲解及用法

1.什么是@input @input的作用是定义模块输入,是用来让父级组件向子组件传递内容. 2.@input用法首先在子组件中将需要传递给父组件的变量用@input()修饰需要在子组件ts文件import中还添加Input 实例: import {Component, Input, OnInit} from '@angular/core'; 例如: 子组件的ts: @Input() person; //@Input 此命令用来修饰person是用来接收父组件传递的值前面曾经讲过ngMod…

Angular JS中 Promise用法

一.Promise形象讲解A promise不是angular首创的,作为一种编程模式,它出现在1976年,比js还要古老得多.promise全称是 Futures and promises. 而在javascript世界中,一个广泛流行的库叫做Q 地址是https://github.com/kriskowal/q 而angular中的$q就是从它引入的.promise解决的是异步编程的问题,对于生活在同步编程世界中的程序员来说,它可能比较难于理解,这也构成了angular入门门槛之一,以下将用…

angular $q服务的用法

Promise是一种和callback有类似功能却更强大的异步处理模式,有多种实现模式方式,比如著名的Q还有JQuery的Deffered. 什么是Promise 以前了解过Ajax的都能体会到回调的痛苦,同步的代码很容易调试,但是异步回调的代码,会让开发者陷入泥潭,无法跟踪,比如: funA(arg1,arg2,function(){ funcB(arg1,arg2,function(){ funcC(arg1,arg2,function(){ xxxx.... }) }) }) 本身嵌套就已…