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);

  }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容