#angular-elements

Angular 6 Sharing Service… or not…

Different ways to share Service instance in Angular 6.

Service instance shared across entire application.

Declare `providedIn: ‘root’` property of `@Injectable` decorator in the Service. Then inject service to component’s constructor as usual.

import { Injectable } from '@angular/core'; @Injectable({ providedIn: 'root' }) export class Service1Service { constructor() { } }

Declare service…

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…