Angular 2 angular-ide Component不包含在模块中,并且在模板内部不可用

时间:2019-01-22 16:25:51

标签: angular

我使用Angular 2,并且使用Angular-ide。

我具有以下组成部分

enter image description here

在此组件中,我得到了错误

Component 'AppComponent' is not included in a module and will not be available inside a template. Consider adding it to a NgModule 

我尝试了

npm install @angular/language-service

但这不能解决错误。

模型是

export  class Model {
    user;
    items;

    constructor(){
        this.user = "Adam";
        this.items = [new TodoItem("Buy Flowers", false),
                      new TodoItem("Get Shoes", false),
                      new TodoItem("Collect Tickets", false),
                      new TodoItem("Call Joe", false)]
    }

}

export class TodoItem{
    action;
    done;

    constructor(action, done) {
        this.action = action;
        this.done = done;
    }
}

在项目的结构中,我没有module.js,只有module.ts

如何解决此错误?

1 个答案:

答案 0 :(得分:2)

您需要将其添加到模块中才能使用该组件,即:

@NgModule({
...
declarations : [ AppComponent ]
...
})
export class MyModule

还添加必要的导入(在此示例中省略)

错误消息甚至说将其添加到模块:

  

考虑将其添加到NgModule