Question

我一直在搞乱Angular2，我不知道为什么我对这些函数的更改什么都不做。所以说我的代码首先看起来像这样：

//home.component.html
<div class="ui container">

<sm-button class="positive" (click)="remove()">Button</sm-button>

</div>

//home.component.ts
import { Component } from "@angular/core";

@Component({
    selector: "home",
    templateUrl: `client/components/home/home.component.html`
})
export class HomeComponent {
    constructor() {}
    remove() {
        console.log("Hello");
    }
}

但后来我改为：

//home.component.html
<div class="ui container">

<sm-button class="positive" (click)="load()">Button</sm-button>

</div>

//home.component.ts
import { Component } from "@angular/core";

@Component({
    selector: "home",
    templateUrl: `client/components/home/home.component.html`
})
export class HomeComponent {
    constructor() {}
    load() {
        console.log("Hello");
    }
}

现在单击按钮时找不到加载功能。这是怎么回事？

编辑：更改了代码以包含完整文件

Answer 1

似乎tsc-w无法正常工作。查看服务器控制台，是否运行命令。此外，尝试清除控制台缓存。查看您的javascript生成源并检查它是否已更新

Angular2更改为（单击）函数不起作用

1 个答案: