0

を使用した双方向データバインディングngModel

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

実際には

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

したがって、ngModel内部的に(input)のイベントを<input>to にマップします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>for 、ngModel何もしないか、(click)イベントを生成しないと推測しています

4

1 に答える 1

0

これを試して

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

これは双方向のデータ バインディングではありませんが、変数 this.fontsize を含む font-size 値を動的に配置します。

于 2017-06-23T18:56:28.203 に答える