Question

这是代码 -

app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: 'app/app.component.html',
})
export class AppComponent  {

    pageHeader = 'Employee Detail';

    onClickMe() : void {
        console.log('Button Clicked');
    }
}

app.component.html

<h1>Hello {{pageHeader ? pageHeader : 'No Header'}}</h1>
<input [(ngModel)] = 'name' type="text" />
<br />
you entered : {{name}}
<br />
<button on-click='onClickMe()'>Click Me</button>
<br />

我在控制台中遇到错误 -

app.component.html:6 ERROR TypeError: _co.onClickMe is not a function
    at Object.eval [as handleEvent] (app.component.html:6)
app.component.html:6 ERROR CONTEXT DebugContext_

我正在尝试使用按钮上的click事件使用事件处理程序。任何帮助??

Answer 1

两个更正：

点击更改为（点击）。

2。 <input type='text' [(ngModel)]= 'name' name='name' />

as，根据你所做的，如果不添加你正在改变的变量的属性，双向数据绑定将不起作用。在你的情况下，它是：name;

ERROR TypeError：_co.onClickMe不是Object.eval的函数[as handleEvent]

1 个答案: