Javascript 如何为angular 2/7在Owl转盘（2）中实现onChange事件/回调/自定义点

我需要调用angular 7函数来更改猫头鹰旋转木马幻灯片，我想为幻灯片设计一个自定义点。谁能帮帮我吗

我已经参考了以下文件

@ViewChild（'owlElement'，{static:false}）owlElement:OwlCarousel；
self=这个；
滑块选项={
项目：1，
点：是的，
导航：错，
导航文本：[“”，“”]，
onChange:function（）{
控制台日志（“更改”）；
self.changeCustomDots（）；
}
};
ngOnInit（）{}
changeCustomDots（）{
log（“在此处更改自定义点样式…”）；
}

由函数语句创建的每个新函数，都根据调用函数的方式定义了自己的值。因此，使用函数将引用当前对象

sliderOptions = {
  items: 1, 
  dots: true, 
  nav: false, 
  navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"], 
  onChange: () => {
    console.log("change");
    this.changeCustomDots();
 }
};

滑块选项={
项目：1，
点：是的，
导航：错，
导航文本：[“”，“”]，
onChange:（）=>{
控制台日志（“更改”）；
这个.changeCustomDots（）；
}
};

sliderOptions = {
  items: 1, 
  dots: true, 
  nav: false, 
  navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"], 
  onChange: () => {
    console.log("change");
    this.changeCustomDots();
 }
};