Angular 2
Używaj natywnych komponentów internetowych w Angular 2

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

Uwagi

Gdy użyjesz komponentu internetowego w szablonie Angular 2, angular spróbuje znaleźć komponent z selektorem pasującym do niestandardowego znacznika komponentu web - co oczywiście nie może i spowoduje błąd.

Rozwiązaniem jest zaimportowanie „niestandardowego schematu elementów” do modułu zawierającego komponent. Spowoduje to, że kąt będzie akceptował dowolny niestandardowy znacznik, który nie pasuje do żadnego selektora komponentu ng.

Dołącz schemat niestandardowych elementów do swojego modułu

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 { }

Użyj swojego komponentu internetowego w szablonie

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

Licencjonowany na podstawie CC BY-SA 3.0

Nie związany z Stack Overflow