问Angular2从HTML模板访问全局变量
EN

Stack Overflow用户

提问于 2016-06-10 14:08:53

回答 1查看 29.4K关注 0票数 33

我有一个全局变量来存储国家列表，如下所示：

export var COUNTRY_CODES = ["AD", "AE", "AF" /* and more */];

在我的一个组件中，我使用普通的import语句导入了变量

import { COUNTRY_CODES } from "../constants";

我可以在我的组件代码中自由地访问这个全局变量，但在HTML模板上却无法实现如下所示：

<option *ngFor="let countryCode of COUNTRY_CODES" [value]="countryCode">{{countryCode | countryName}}</option>

我可以通过定义一个局部变量将全局变量传递给组件，并在初始化期间将全局变量赋值给它。

ngOnInit() {
  this.countryCodes = COUNTRY_CODES;
}

并将ngFor更改为在此局部变量上循环，以使其正常工作。

我的问题是:这是正确的做法吗？每当我想在我的模板中使用全局变量时，我都不太习惯定义桥接变量。

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37741010

复制

相似问题

问Angular2从HTML模板访问全局变量EN