这就是我所拥有的并且它正在工作,它与progress方法有关并且它正确显示:
<div [ngStyle]="{'width.%': progress()}"></div>
Run Code Online (Sandbox Code Playgroud)
现在我必须动态创建元素:
let myDiv = <HTMLElement>(document.createElement('div'));
Run Code Online (Sandbox Code Playgroud)
但我似乎无法找到一种方法将progress方法绑定到我动态创建的元素.
使用@fatemefazli建议的渲染器代码,它没有变化检测,因此当数据可用时它不会呈现,也不会监听进度变化方法:https://stackblitz.com/edit/angular-fpyfmn
动态创建DOM元素的决定来自于使用HammerJS附加平移手势的需要,这需要像这样附加一个监听器:
addGestures(elem){
var hammer = new Gesture(elem);
hammer.listen();
hammer.on('pan', (e) => this.Pan(e));
}
Run Code Online (Sandbox Code Playgroud)
我试图创建一个事件发布/发射器,但我没有触发器来发布它.