Что-то с утра у меня основы, так сказать, angular не зашли.
Делаю компоненту кнопки в angular-cli -
ButtonComponent
- там же делаю модуль
ButtonModule
, в котором кнопку экспортирую:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ButtonComponent } from './button.component';
@NgModule({
imports: [
CommonModule
],
declarations: [ButtonComponent],
exports: [ButtonComponent]
})
export class ButtonModule { }
Далее хочу собрать это в еще один модуль
MedlibModule
, который буду подключать к приложению
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ButtonModule} from './button/button.module';
@NgModule({
imports: [
CommonModule
],
declarations: [
ButtonModule
],
exports: [ButtonModule, CommonModule]
})
export class MedlibModule { }
И вот его я импортирую в
App
модуль
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import {MedlibModule} from './medlib/medlib.module';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule,
MedlibModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
И мне казалось, что теперь просто написав в
app.component.html
<app-button></app-button>
я должен получить работающий компонент.
Но получаю я
Uncaught Error: Template parse errors:
'app-button' is not a known element:
1. If 'app-button' is an Angular component, then verify that it is part of this module.
2. If 'app-button' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ...
Не подключать же мне каждую компоненту в app компонент. Что я пропустил?