使用Angular2以编程方式创建Html局部变量

Question

我需要知道是否有一种以编程方式创建HTML本地变量的方法.

我正在开发一个Web应用程序,我有一个NgFor循环,我希望能够为NgFor创建的每个子元素分配一个局部变量.

即:

<div *ngFor="#elt of eltList" >
    <span #setLocalVariable(elt.title)></span>
</div>

setLocalVariable(_title : string){
    let var = do some stuff to _title;
    return var;
}

上面的例子显示了我想要完成的事情,显然不起作用.有没有办法实现这个目标？

先感谢您.

编辑:

看到我得到的答案后(我感谢所有花时间阅读我的问题并尝试回答的人)我会再解释一下为什么我会这样想.

我将使用:loadIntoLocation()来自DynamicComponentLoader.该函数作为第3个参数得到一个引用锚点的字符串(即:#test在html元素中).这就是为什么我需要创建名称等于我的名称的局部变量elt.title.

Answer 1

您可以将其插入模板插值中，因为它处理表达式。

<div *ngFor="#elt of eltList" >
    <span>{{setLocalVariable(#elt)}}</span>
</div>

setLocalVariable(_title : string){
    let var = do some stuff to _title;
    return var;
}