angular的双向数据绑定与属性绑定

1.双向数据绑定语法为{{}}，

2.而属性绑定为[  ] =" "

如果想在input框中使用双向绑定[(ngModel)]="person.name"

3.angular指令 主要包括 ngClass , ngIf ngfor等。

/**********************[ngClass]的使用*************************************************************/

模板文件中  html

<button [ngClass]="cssButton"> 按钮</button >

ts文件中

cssButton={

clear:true;

};

/**********************[ngClass]的使用*************************************************************/

3.Angular中的service创建与使用。

/**********************service的使用*************************************************************/

运行一下命令，将service保存到app.module中。

$ng generate servie person --module=app

在一个component的构造方法中使用

constructor(public messageService: MessageService,private person:PersonService) { }

log(){

//调用personService中的方法.

 this.person.log();

  }

/**********************service的使用*************************************************************/

注意官方教程的Observe的教程中of的引入

import { Observable } from 'rxjs/Observable';

import 'rxjs/add/observable/of';

使用方式

getHeroes(): Observable {

    // Todo: send the message _after_ fetching the heroes

    this.messageService.add('HeroService: fetched heroes');

    return Observable.of(HEROES);

  }