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构造没有运行

回答

相关问题