Question

我下面有一些使用ngmodel的简单代码。仅在单击文本框时，才会显示欢迎消息。这是关于两种方式的数据绑定。我应该使用ngmodelchange或keyup哪个函数？

import { Component } from '@angular/core';
app.component.ts 
@Component({
      selector: 'my-app', 
      template:`<div>
      <label>name:
        <input  type="text" [(ngModel)]="hero.name" placeholder="(chooseone)" >
      </label>
      welcome {{hero.name}}
         </div>`,
      styleUrls: [ './app.component.css' ]
    })
    export class AppComponent  {
      values :string;
      hero = {
        name1: 'john',
        name: 'smith'
    };
}

Answer 1

您可能会使用：

<input  type="text" (click)="functionToCall()" [(ngModel)]="hero.name" placeholder="(chooseone)">

如果您想通过在输入框中键入来显示或更改值，那么以下内容将为您工作。

<input  type="text" (input)="functionToCall()" [(ngModel)]="hero.name" placeholder="(chooseone)">

单击文本框时显示消息，具有两种方式的数据绑定

1 个答案: