0

在双向数据绑定中使用ngModel

<input [(ngModel)]="this.name" >

实际上是

<input [value]="this.name" (input)="this.name=$event.target.value>

所以在内部将事件ngModel映射到(input)<input>this.name

我在哪里可以找到有关 ngModel 为其他元素(例如<p>等)生成的事件的信息?

我想增加点击<p>时的字体<p>。我可以不做,ngModel但不能做ngModel

没有ngModel

<p [style.font-size.px]="this.fontsize" (click)="handleParaClick()">Hello {{this.paratext}} {{this.fontsize}}  </p>

  handleParaClick():void{
    this.fontsize+=10;
  }

但我做不到

<p [(style.font-size.px)]="this.fontsize" >Hello {{this.paratext}} {{this.fontsize}}  </p>

我猜对于<p>,要么ngModel不做任何事情,要么不生成(click)事件

4

1 回答 1

0

尝试这个

<p [ngStyle]="{'font-size': this.fontsize}">...</p>

这不是双向数据绑定,而是动态放置包含变量 this.fontsize 的字体大小值

于 2017-06-23T18:56:28.203 回答