在angular 6组件html中全局访问js对象

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

@Injectable({
  providedIn: 'root'
})
export class GlobalService {
  public globalObject: any; // 定义全局对象
}

import { Component } from '@angular/core';
import { GlobalService } from '路径/global.service';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  constructor(private globalService: GlobalService) {
    this.globalService.globalObject = {}; // 初始化全局对象
  }
}

<p>{{ globalService.globalObject.property }}</p>
<button (click)="globalService.globalObject.method()">Click me</button>