为什么这个组件在这个简单的插件中
@Component({
selector: 'my-app',
template: `<div>I'm {{message}} </div>`,
})
export class App {
message:string = 'loading :(';
ngAfterViewInit() {
this.updateMessage();
}
updateMessage(){
this.message = 'all done loading :)'
}
}
Run Code Online (Sandbox Code Playgroud)
投掷:
例外:App @ 0:5'中的表达式'我'{{message}}在检查后发生了变化.上一个值:'我正在加载:('.当前值:'我已经完成了加载:)'在[我是{{message}}在App @ 0:5中]
什么时候我正在做的是在我的视图启动时更新一个简单的绑定?
我需要知道是否有一种以编程方式创建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;
}
Run Code Online (Sandbox Code Playgroud)
上面的例子显示了我想要完成的事情,显然不起作用.有没有办法实现这个目标?
先感谢您.
编辑:
看到我得到的答案后(我感谢所有花时间阅读我的问题并尝试回答的人)我会再解释一下为什么我会这样想.
我将使用:loadIntoLocation()来自DynamicComponentLoader.该函数作为第3个参数得到一个引用锚点的字符串(即:#test在html元素中).这就是为什么我需要创建名称等于我的名称的局部变量elt.title.