javascript - Angular 2，使用 eval() 函数的内联模板出错

Question

<li *ngFor="let pdfifRecord of pdf.ifRecord;let i=index">
                    <p>{{eval(pdfifRecord.labelMsg)}}</p>
</li>

我想显示eval的结果。

但是报错

Error in inline template caused by: self.parent.parent.parent.context.eval is not a function.

但在我的 .ts 文件中同样有效例如:
console.log(eval("GECM_IFL_ATTENTION_NEEDED_ITIQ"));

Answer 1

你不应该使用 eval。但是要回答你的问题。它说它不是函数的原因是因为它在你的类中寻找一个名为 eval 的函数。哪个不存在。

这会起作用，例如:

@Component({
  selector: 'my-component',
  template: `<h2>Hello {{eval()}}`

})

export class MyComponent {
   public eval() {
     let e = eval(2*3);
     return e ;
   }
}

Plunkr 示例:

https://plnkr.co/edit/YZJGPX8pjf9BNbB1F8JJ?p=preview

同样，您不应该使用 eval。