首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在ionic 3/ angular中动态添加[ngStyle]指令

如何在ionic 3/ angular中动态添加[ngStyle]指令
EN

Stack Overflow用户
提问于 2018-06-05 03:10:08
回答 2查看 3.3K关注 0票数 9

这就是我所拥有的,它正在工作,它被绑定到progress方法,并且它正确地显示:

<div [ngStyle]="{'width.%': progress()}"></div>

现在我必须动态创建元素:

let myDiv = <HTMLElement>(document.createElement('div'));

但是我似乎找不到一种方法来将progress方法绑定到我动态创建的元素。

使用@fatemefazli建议的renderer的代码,它没有变化检测,所以当数据变得可用时它不会呈现,也不会侦听进度方法的变化:https://stackblitz.com/edit/angular-fpyfmn

动态创建DOM元素的决定来自使用HammerJS附加平移手势的需要,这需要附加一个侦听器,如下所示:

addGestures(elem){
    var hammer = new Gesture(elem);
    hammer.listen();

    hammer.on('pan', (e) => this.Pan(e));
  }

我试图创建一个事件发布/发射器,但我没有发布它的触发器。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50687272

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档