Как правильно сделать blur для Carrot quest в ангуляре?

Question

[Darkness]

Добрый день!

Руководитель сказал сделать интеграцию с сервисом carrotQuest, но я впервые с ней знакомился.
Пошел по доке, в доке нашел, чтобы вешать событие. Вопрос: как мне сделать так, чтобы ts не кричал на carrotquest, так как это и есть метод их, для передачи. Если без него, но с console.log, то что мне нужно происходит.

Вот html:

<input type="text" placeholder="Ваше имя" [(ngModel)]="mail.full_name" id="nameAfterCal"  (blur)="sendNameCarrotCal($event)" name="full_name" (input)="nameValid($event)" required>

Событие blur :

sendNameCarrotCal(event) {
    this.full_name = event.target.value

    if ( this.full_name.length > 3 ) {
      carrotquest.identify({'$name': this.full_name}); // вот тут ругается на carrotquest, но это из оф. доки
      }
  }

Спасибо за помощь!

Comments

[Евгений Самойленко]

А как вы подключаете carrotquest ?

[Darkness]

Евгений Самойленко, скриптом в index.html перед закрывающим head , как сказано в доке

[Евгений Самойленко]

Darkness, а дока адаптирована по angular?)

Попробуй в компоненте, где ты пытаешься его использовать объявить эту переменную, например так:

...
carrotquest: any;
...

[Darkness]

Евгений Самойленко,

public carrotquest: any; ничего не дает

Answer 1

[Антон Швец]

declare var carrotquest: any;
можно в carrotquest.d.ts можно прямо в коде.

Comments

[Darkness]

у меня нет carrotquest.d.ts

Если на input вешать это:

onblur="carrotquest.identify({'$email': this.phone}); console.log(carrotquest.identify({'$email':this.phone }));"

выдает ошибка 400, плохой реквест

После такого объявления, ниже, ошибка пропала, но в консоли выдает:
cannot read property 'identify' of undefined

phoneValid(e) {
    this.phone = e.target.value
    if(this.phone.length < 1) {
      return this.phone = undefined
    }
    
    var carrotquest: any;
    
    document.querySelector('#phoneFormAfterCal').addEventListener('blur', function () {
      carrotquest.identify({'$phone': this.value})
      console.log(carrotquest.identify({'$phone': this.value}))
    })
  }

[Антон Швец]

Darkness, конечно нет, можно его создать.
А насчет реквеста вы уж сами смотрите, 400 это ответ сервера api.carrotquest.io, чего то не указали значит.