jquery - 如何在angular5中使用jquery .counterUp函数？

Question

我想为我的公司网站创建一个计数器视图，为此我必须使用 jquery counterUp 功能。

即使在为其添加脚本标签后，Angular 也无法识别该功能。

if(st >= hT ){
  $('.counter').counterUp({
    delay: 10,
    time: 2000
  });

计数器应从零开始并达到某个定义的数字。

标签： jqueryangulartypescriptangular5

Answer 1

假设“.counter”引用的元素是一个 Angular 组件，您应该使用 ViewChild 而不是 jQuery。

例如，如果元素属于类，Counter那么实现这种影响的可能更好的方法是。

@ViewChild(Counter)
counter: Counter;

然后在代码块中它看起来像这样。

if(st >= hT ){
  this.counter.counterUp({
    delay: 10,
    time: 2000
});