如何绑定HTML中的静态变量?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (10)

我想在HTML页面中使用组件的静态变量。如何将组件的静态变量与角度为2的HTML元素绑定?

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs/Rx';
@Component({
  moduleId: module.id,
  selector: 'url',
  templateUrl: 'url.component.html',
  styleUrls: ['url.component.css']
})
export class UrlComponent {

  static urlArray;
  constructor() {
  UrlComponent.urlArray=" Inside Contructor"
  }
}
<div>
  url works!
   {{urlArray}}
</div >
提问于
用户回答回答于

组件模板中绑定表达式的作用域是组件类实例。

你不能直接引用全局变量或静态变量。

作为一种解决方法,可以将getter添加到组件类中

export class UrlComponent {

  static urlArray;
  constructor() {
    UrlComponent.urlArray = "Inside Contructor";
  }

  get staticUrlArray() {
    return UrlComponent.urlArray;
  }

}

并像这样使用它:

<div>
  url works! {{staticUrlArray}}
</div>

扫码关注云+社区