Angular 2
Usa componentes web nativos en Angular 2

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


Observaciones

Cuando utiliza un componente web en su plantilla de Angular 2, angular intentará encontrar un componente con un selector que coincida con la etiqueta personalizada del componente web, que por supuesto no puede y producirá un error.

La solución es importar un "esquema de elementos personalizados" en el módulo que contiene el componente. Esto hará que Angular acepte cualquier etiqueta personalizada, que no coincida con ningún selector de componentes.

Incluye esquema de elementos personalizados en tu módulo

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 tu componente web en una plantilla

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
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow