Angular 2
Utilizzare i webcomponents nativi in Angular 2

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

Osservazioni

Quando si utilizza un componente Web nel modello Angular 2, angular proverà a trovare un componente con un selettore corrispondente al tag personalizzato del componente Web, che ovviamente non può e genererà un errore.

La soluzione è di importare uno "schema di elementi personalizzato" nel modulo che contiene il componente. Questo renderà angolare accettare qualsiasi tag personalizzato, che non corrisponde ad alcun selettore di componenti ng.

Includi schema di elementi personalizzati nel modulo

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

Usa il tuo webcomponent in un template

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

Autorizzato sotto CC BY-SA 3.0

Non affiliato con Stack Overflow