anmolio

import { Component, OnInit } from '@angular/core';
import { StatusService } from "../status.service";

@Component({
  selector: 'app-componenttwo',
  template: `
    The status id - {{status}}
    <button (click)="changeStatus()">Change Message</button>
  `,
  styleUrls: ['./sibling.component.css']

anmolio

import { Component, OnInit } from '@angular/core';
import { StatusService } from "../status.service";

@Component({
  selector: 'app-componentone',
  template: `
    The status is - {{status}}
  `,
  styleUrls: ['./sibling.component.css']
})

anmolio

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable()
export class StatusService {

  private statusSource = new BehaviorSubject('OFF'); // set default status
  currentStatus = this.statusSource.asObservable();

  constructor() { }

anmolio

<?php
  $base64String = "R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs";
  $image = base64_decode(preg_replace('#^data:image/\w+;base64,#i', '',$base64String));
  $FILE = time().rand(111111111, 999999999) . '.png';
?>
     

anmolio

/* You can add global JS/TS functions to this file 
	Examples:
	1. validateUrl(url)
	2. rediret(url)
	3. objectLength(object) { return Objects.keys(object).length; }
*/

$(function() {
	// Load webflow after jquery to resolve conflicts and transitions 
    $.getScript('assets/js/webflow.js');

anmolio

...
...
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.app.json",
"aot": false,
"scripts": [
  "src/assets/js/jquery-3.4.1.min.js",
  "src/assets/js/webflow.js",
  "src/assets/js/script.js"