angular/cli学习笔记

一、模板指令

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.子模块里在配置好路由加载组件