Ошибка показа фрагмента кода angular

Я пытаюсь добавить этот код в свой проект angular в файле app.component.ts, но он показывает мне ошибку

var options = {
  facebook: "facebook_id", // Facebook page ID
  whatsapp: "+XXXXXXXXX", // WhatsApp number
  call_to_action: "Message us", // Call to action
  button_color: "#008000", // Color of button
  position: "left", // Position may be 'right' or 'left'
  order: "facebook,whatsapp", // Order of buttons
};
var proto = document.location.protocol,
  host = "whatshelp.io",
  url = proto + "//static." + host;
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = url + '/widget-send-button/js/init.js';
s.onload = function() {
  WhWidgetSendButton.init(host, proto, options);
};
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);

Ошибка:

Error

Что такое WhWidgetSendButton? Похоже, вы забыли импортировать эту зависимость?

Martin Adámek 10.08.2018 14:51

4.1.3 @KrishnaRathore

Muhammad Umar Khan 10.08.2018 14:51
2
2
182
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

объявить WhWidgetSendButton в app.component.ts

Я создал демо на Stackblitz

declare var WhWidgetSendButton;
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
})
export class AppComponent {

}

Другие вопросы по теме