Как использовать функцию jquery .counterUp в angular5?

Question

Я хочу создать счетчик просмотров для веб-сайта моей компании, для этого мне нужно использовать функцию jquery counterUp.

Angular не распознает функцию даже после добавления для нее тегов скрипта.

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

Счетчик должен начинаться с нуля и достигать определенного определенного числа.

Answer 1

Предполагая, что элемент, на который ссылается ".counter", является угловым компонентом, вы должны использовать ViewChild вместо jQuery.

Например, если элемент относится к классу Counter, вероятно, лучший способ добиться этого эффекта будет.

@ViewChild(Counter)
counter: Counter;

Тогда в блоке кода это будет выглядеть так.

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

Answer 2

1. / Установить jQuery

npm установить jquery

2. / Открыть angular.json и найти сценарии

  "scripts": [
  "node_modules/jquery/dist/jquery.min.js" ]

3./ перейти к вашему компоненту и сверху объявить это

declare var jQuery: any;

4. / и в стороне ngOnInit

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