Angular binding third party js library event initialize

174
April 12, 2018, at 7:37 PM

Please suggest an solution for angular.

I have included bootstrap library js file in my angular application, now I want to bind its function to my elements on onotoalize but i am not able to do so. it says that the function is not defined. following is the event from bootstrap

ngOnInit() {

$('div').popover({
  html: true,
  trigger: 'hover',
  placement: 'bottom',
  content: function () {
    return $(this).find('.popover-data').html();
  }
});
}}

the error its giving is following.

ERROR TypeError: $(...).popover is not a function

But when i run this jquery code from developer chrome console it works fine, which means my bootstrap js is loaded with application

Rent Charter Buses Company
READ ALSO
How to select option by up and down arrow keys “Auto Complete Search Result” [on hold]

How to select option by up and down arrow keys “Auto Complete Search Result” [on hold]

I am trying to select searching result option by UP and Down arrows keys and also highlight by blue color

151
convert dataURL from variable into image

convert dataURL from variable into image

I'm trying to convert a dataURL to a png from a global variable (local storage)

246
Hightlight jquery datepicker header selected day of the week

Hightlight jquery datepicker header selected day of the week

I would like to highlight the selected day (Su, Mo, Tu, We, Th, Fr, Sa) of the week in jquery datepicker headerPay attention to the header in the next image (Tu is in bold text):

214