Angular2構造沒有運行

我有以下代碼：Angular2構造沒有運行

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

    @Component({ 
     templateUrl: './app/my.component.html' 
    }) 

    export class MyComponent{ 

    s: string = "Test"; 

     constructor() { 
     console.log(this.s)    
     } 

    }

後，我跑我的應用程序的console.log不顯示「測試」文本。我做錯了什麼？

來源

2017-08-12 dorothy_ka

組件在哪裏被加載？ –

我在app.module –

中加載組件您是否路由到它？你的代碼沒有問題，如果組件在你的應用程序中顯示，它將顯示console.log（）。 –

你需要聲明你的組件在app.module下的文件： @NgModule（{ 聲明： MyComponent的 }）你應該某處添加它，例如到的index.html。

此外，最佳做法是將組件及其相關的HTML和CSS保留在同一文件夾下。

您可以使用下面的GitHub的項目作爲參考： https://github.com/gothinkster/angular-realworld-example-app

來源

2017-08-12 13:30:55

好吧，我有像上面的github代碼一樣的文件結構。我還在app.module中聲明瞭我的組件。但我的構造函數仍然沒有運行。 –

你可以發佈你的index.html文件嗎？ –

頁面導航發生？你可以看到HTML頁面？myComponent中的自定義方法正在工作？你有沒有在構造函數內檢查調試模式？保持硬編碼控制檯（console.log（「success」））而不是console.log（this.a）並檢查字符串「success」是否打印。

來源

2017-08-12 14:45:40

Angular2構造沒有運行

回答

相關問題