angular - 从 Angular 模板访问全局变量

Question

是否可以从角度模板访问全局变量？

let cantAccess = false;

@Component({
  selector: 'app-payment',
  templateUrl: './buy.component.html',
  styleUrls: ['./buy.component.scss']
})

export class BuyComponent implements OnInit, AfterViewInit {


  constructor() {
  }

  ngOnInit() {
    cantAccess = false;
  }
}

然后在模板 HTML 中：

<section>
  //Can't read this variable
  {{ cantAccess }}
</section>

是否可以让“cantAccess”在模板中显示为真？

标签： angulartypescript

Answer 1

这是更新的片段

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

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  @Input() cantAccess = false;
  constructor() {
  }
  ngOnInit() {
    this.cantAccess = true;
  }
}

模板

<section>
  //Can't read this variable
  {{ cantAccess }}
</section>

这是片段链接：https ://stackblitz.com/edit/angular-xwwgrt