我试图使用I18nSelectPipe
。我有以下code
:
this.criteria = [];
this.criteria.push({
id: 1,
name: 'ab'
});
this.criteria.push({
id: 2,
name: 'cd'
});
this.criteria.push({
id: 3,
name: 'ef'
});
this.criteriaChoice = {};
this.criteriaChoice['1'] = 'One';
this.criteriaChoice['2'] = 'Two';
this.criteriaChoice['3'] = 'Three';
在HTML
:
<div *ngFor="let criterium of criteria">
<strong>{{criterium.id | i18nSelect: criteriaChoice}}</strong>
</div>
正如您可能已经注意到的那样,我尝试简单地翻译一个&#34;键&#34;使用管道,但它总是返回以下错误:
原始例外:无效的参数&#39; [object Object]&#39;用于管道 &#39; I18nSelectPipe&#39;
如果我尝试下面的简单操作,它可以工作:
<strong>{{'1' | i18nSelect: criteriaChoice}}</strong>
我该如何解决这个问题?
顺便说一下,它是一个示例代码,代码不是这样硬编码的。
答案 0 :(得分:2)
尝试:
<strong>{{criterium.id+'' | i18nSelect: criteriaChoice}}</strong>
使用Angular 2.4.10时,我遇到了与布尔值相同的问题。
当我查看代码时:
I18nSelectPipe.prototype.transform = function (value, mapping) {
if (value == null)
return '';
if (typeof mapping !== 'object' || typeof value !== 'string') {
throw new InvalidPipeArgumentError(I18nSelectPipe, mapping);
}
if (mapping.hasOwnProperty(value)) {
return mapping[value];
}
if (mapping.hasOwnProperty('other')) {
return mapping['other'];
}
return '';
};
我注意到管道中的value
必须是一个字符串。当我使用value
将+''
投放到字符串时,错误就消失了。