#custom-element

Angular 6 Custom Elements’ Properties

If you are not familiar with Angular custom elements, read my previous post.

Here is tips on how to expose properties from your custom element so the user of can do something like this:

if (document.readyState === 'complete') { document.querySelector('fooComponent').value = 'i am value-able'; document.querySelector('fooComponent').fooProp = 'i am foo…

Angular 6 Custom Elements

First, create Angular component, nothing special, just regular component.

component1.component.html

<p> component1 works! </p>

component1.component.ts

import { Component } from '@angular/core'; @Component({ selector: 'app-component1', templateUrl: './component1.component.html', styleUrls: ['./component1.component.css'] }) export class Component1Component { constructor() { } }

T…