Angular 2
Utiliser des composants Web natifs dans Angular 2

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

Remarques

Lorsque vous utilisez un composant Web dans votre modèle Angular 2, angular essaiera de trouver un composant avec un sélecteur correspondant à la balise personnalisée du composant Web.

La solution consiste à importer un "schéma d'éléments personnalisés" dans le module qui contient le composant. Cela rendra angulaire toute balise personnalisée qui ne correspond à aucun sélecteur de composant ng.

Inclure le schéma des éléments personnalisés dans votre module

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

Utilisez votre composant web dans un modèle

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

Sous licence CC BY-SA 3.0

Non affilié à Stack Overflow