角click事件不工作

我有一个角度的应用程序，以register.component.html页面这样的：角click事件不工作

<div><button class="btn btn-success" (click)="test()">Click Me</button></div>

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

@Component({ 
    selector: 'app-register', 
    templateUrl: './register.component.html', 
    styleUrls: ['./register.component.scss'] 
}) 
export class RegisterComponent implements OnInit { 


    constructor() { } 

    ngOnInit() { } 

    test() { 
    console.log("Hola!"); 
    } 

}

app.module。 ts有此：

import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 

import { AppComponent } from './app.component'; 
import { RegisterComponent } from './register/register.component'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    RegisterComponent 
    ], 
    imports: [ 
    BrowserModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { }

但是，当我点击“Click Me”按钮时，控制台输出不显示。

请帮忙找到这个问题。

来源

2017-09-14 Chandan

你把它添加到app.module.ts中吗？ –

从'@ angular/core'导入{NgModule}; 从'@ angular/forms'导入{FormsModule}; 从'./app.component'导入{AppComponent}; 从'./register/register.component'导入{RegisterComponent}; @NgModule（{ 声明： AppComponent， RegisterComponent ]，进口： BrowserModule ]，提供商：[]，自举：[AppComponent] }）出口类的AppModule {} – Chandan

试编写'debugger'并查看当你单击时是否停止编程。你确定你的程序运行？ – StepUp

我为您创建了plunker它在哪里工作。

<div><button class="btn btn-success" (click)="test()">Click Me</button></div>

来源

2017-09-14 09:06:05 alexKhymenko

它总是在工作，我的坏消息是在Firefox中查看Firebug，而不是在控制台中打印。使用Chrome和控制台输出显示。 – Chandan

有时会发生:-) – alexKhymenko

嗨alexKhymenko。我们在这里不鼓励只有链接的答案，您是否可以通过编辑在回答帖中显示该代码的相关部分？ – halfer

角click事件不工作

回答

相关问题