Question

我是Angular2新功能的新手，并尝试从一开始就学习概念。我正在尝试代码中的工具点击功能，在控制台中打印消息，指示单击代码中提到的预期单词/短语时的单击移动。

在src / app.ts中提到click事件函数模板/声明及其定义之后。它显示输出错误

Error: (SystemJS) ReferenceError: C is not defined
  at execute (http://run.plnkr.co/isP4YkB3qzBkfh8l/src/app.ts!transpiled:52:13)
  at ZoneDelegate.invoke (https://unpkg.com/zone.js@0.8.18/dist/zone.js:392:26)
Error loading http://run.plnkr.co/isP4YkB3qzBkfh8l/src/main.ts

Link代表整个代码

下面提到的关于点击功能的src / app.ts中的代码

<button (click)="C()">C</button>
C{
console.log('click event is recorded')
}

Answer 1

该功能应位于组件

内

export class App {
  name:string;
  constructor() {
    this.name = `Angular! v${VERSION.full}`
  }
  //click function definition
C()
{
  console.log('click event is recorded')
}
}

<强> Updated Plunker

使用angular2实现点击事件功能时出错

1 个答案: