Question

使用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)事件

Answer 1

试试这个

const config = require( path.join(__dirname, 'config'+'.js' ) );

这不是双向数据绑定，而是使用包含变量this.fontsize

的字体大小值。

双向数据绑定中ngModel的事件列表

1 个答案: