一、模板指令
1.1输入属性的值为常量 [title]="title"
1.2输入属性的值为实例属性 [title]="title"
2.事件绑定
<date-picker(dateChanged)="statement()"></date-picker>
双向绑定
<input[ngModel]="todo.text"(ngModelChange)="todo.text=$event">
NgStyle
<div[style.background-color="'yellow'"]>Use fixed yellow background</div>
<div[ngStyle]="{color:'white','background-color':'blue'}">Uses fixed white text on blue background</div>
二、http请求:
1.创建公共服务封装接口
在跟模块里引进CommonService服务，在providers里面声明服务，
在其他用到的组件里引进CommonService服务，接着在构造函数里实列化服务可用（public common:CommonService）
/service/common_service.ts/
import {Injectable}from '@angular/core';
import {HttpClict} from '@angular/common/http';
@Injectable({
providedIn:'root'
})
export class CommonService{
public domain:string = 'http://a.itying.com/'
constructor(public http:HttpClient){
}
get(api){
return new Promise(resolve,reject)=>{
this.http.get(api).subscribe((respose)=>{
resolve(respose)
})
}
}
}
三、路由传值
路由传值，this.route.params.subscribe((value:any)=>{
//逻辑
})
四、angular自定义模块，配置路由，实现模块懒加载
1.创建模块时，增加--routing可以增加路由，如：ng g module/user --routing
2.跟模块路由里面加载子模块，通过loadChildren:'module/article/article.module#UserModule'
3.子模块里在配置好路由加载组件
网友评论