Angular 2
Используйте собственные веб-компоненты в Angular 2

AngularJS CSS firebase HTML ionic2 ionic-framework JavaScript jQuery Node.js TypeScript

замечания

Когда вы используете веб-компонент в своем шаблоне Angular 2, угловое будет пытаться найти компонент с селектором, соответствующим пользовательскому тегу веб-компонента, который, конечно же, не может и будет вызывать ошибку.

Решение состоит в том, чтобы импортировать «схему пользовательских элементов» в модуле, который содержит компонент. Это заставит угловой принять любой пользовательский тег, который не соответствует ни одному элементу селектора компонентов.

Включить в свой модуль схему пользовательских элементов

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AboutComponent } from './about.component';

@NgModule({
    imports: [ CommonModule ],
    declarations: [ AboutComponent ],
    exports: [ AboutComponent ],
    schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})

export class AboutModule { }

Используйте свой веб-компонент в шаблоне

import { Component } from '@angular/core';

@Component({
  selector: 'myapp-about',
  template: `<my-webcomponent></my-webcomponent>`
})
export class AboutComponent { }

Modified text is an extract of the original Stack Overflow Documentation

Лицензировано согласно CC BY-SA 3.0

Не связан с Stack Overflow