Angular 2
Använd inbyggda webbkomponenter i Angular 2

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

Anmärkningar

När du använder en webbkomponent i din Angular 2-mall försöker vinkeln hitta en komponent med en väljare som matchar den anpassade taggen för webbkomponenten - vilket den naturligtvis inte kan och kommer att kasta ett fel.

Lösningen är att importera ett "anpassade elementschema" i modulen som innehåller komponenten. Detta gör att vinklar accepterar alla anpassade taggar som inte matchar någon ng-komponentväljare.

Inkludera schema för anpassade element i din modul

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

Använd din webbkomponent i en mall

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

Licensierat under CC BY-SA 3.0

Inte anslutet till Stack Overflow