Angular 2 автономные компоненты
Недавно я перешел на Angular 2, и я просто пытаюсь разобраться со всем этим.
Мне нужно построить, и это просто использует автономные компоненты, я хочу иметь возможность использовать мои компоненты следующим образом.
<body>
<component-one></component-one>
<component-two></component-two>
</body>
Я дошел до получения этих компонентов для рендеринга на странице, проблема в том, что когда один из этих селекторов компонентов не присутствует на текущей странице, я получаю следующую консольную ошибку ...
core.umd.js:2838 EXCEPTION: Error in :0:0 caused by: The selector "component-one" did not match any elements
Есть ли способ загрузить только соответствующие компоненты?
Кроме того, «Angular 2 работает в режиме разработки. Вызовите enableProdMode (), чтобы включить производственный режим». Консольное сообщение приходит в несколько раз в зависимости от того, сколько компонентов у меня есть на странице, что заставляет меня чувствовать, что я что-то упустил.
Конфигурация модуля
// Modules
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
// Components
import { ComponentOne } from './components/componentOne';
import { ComponentTwo } from './components/componentTwo';
@NgModule({
imports: [ BrowserModule ],
declarations: [ ComponentOne, ComponentTwo ],
bootstrap: [ ComponentOne, ComponentTwo],
schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})
export class AppModule {
constructor() {
}
}