组件指令和NgModule

时间:2017-03-08 14:46:43

标签: angular typescript angular2-directives ng-modules

我正在尝试拆分三个组件。所以我创建了一个新组件,模板等...现在我需要将子组件包含到主组件中,以使子选择器工作。

我了解到组件指令已被弃用,我必须使用NgModule,但是我不明白如何操作:当前的NgModule在主文件中,而我的组件在另一个文件中。我创建了一个新的NgModule(我不知道它是否有意义或被允许):

@NgModule({
  declarations: [
    ForgotPasswordComponent,
  ],
  bootstrap: [Login]
})

@Component({
  selector: 'login',
  styleUrls: [ './login.style.scss' ],
  templateUrl: './login.template.html',
  encapsulation: ViewEncapsulation.None,
  host: {
    class: 'login-page app'
  }
})
export class Login {
  ...
}

我认为这是一个愚蠢的(语法)错误,但我无法弄清楚。

1 个答案:

答案 0 :(得分:0)

我弄明白:我在模块文件中添加了@NgModule,并在那里包含了ForgotPasswordComponent声明。