# Use native webcomponents in Angular 2

# Include custom elements schema in your module

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AboutComponent } from './about.component';

    imports: [ CommonModule ],
    declarations: [ AboutComponent ],
    exports: [ AboutComponent ],

export class AboutModule { }

# Use your webcomponent in a template

import { Component } from '@angular/core';

  selector: 'myapp-about',
  template: `<my-webcomponent></my-webcomponent>`
export class AboutComponent { }

# Remarks

When you use a web component in your Angular 2 template, angular will try to find a component with a selector matching the custom tag of the web component - which it of course can't and will throw an error.

The solution is to import a "custom elements schema" in the module that holds the component. This will make angular accept any custom tag, that doesn't match any ng component selector.