Question

我有一个上课的人：

tempHero: Hero = {
    name: 'Hello',
    attribute: 'Hi',
    description: 'None',
    imagePath: 'Yes',
    spell: this.spell
  }

 onUpdateHeroName(event: any) {
     this.tempHero.name = event.target.value
  }

如果我使用以下方法来更新名称，那么它会起作用，并且我可以在模板中打印出tempHero.name。

如果我改用[[ngModel）] =“ tempHero.name”设置输入，则会使我的网站崩溃。我在做什么错了？

Answer 1

这有效：

    <input type="text" class="form-control" (input)="onUpdateHeroName($event)">
    {{ tempHero.name }}

这不起作用：

    <input type="text" class="form-control" [(ngModel)]="tempHero.name">
    {{ tempHero.name }}

Answer 2

正确的html-角度代码如下：

<input type="text" class="form-control" (input)="onUpdateHeroName($event)">
{{ tempHero.name }}

或在输入框失去焦点时更新元素。

<input type="text" class="form-control" (blur)="onUpdateHeroName($event)">
{{ tempHero.name }}

使用ngModel更新名称

2 个答案: