我有一个全局变量来存储国家列表,如下所示:
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
更改为在此局部变量上循环,以使其正常工作。
我的问题是:这是正确的做法吗?每当我想在我的模板中使用全局变量时,我都不太习惯定义桥接变量。
https://stackoverflow.com/questions/37741010
复制相似问题