javascript - Angular 7 中的访问函数

Question

在我的组件类 (HeaderComponent) 中，每次单击 changeBannerArrow() 和 changeBannerImg() 这两个函数时，我都想访问 changeBtnColorBg 函数

这些函数在 HTML 端的 onclick 事件上触发

export class HeaderComponent implements OnInit {
    imgTotal = 3;
    currentImg = 0;

    imgHdr = [];

    changeBannerImg(imgSelect){
        /* some code here */
        changeBtnColorBg(this.currentImg, imgSelect);
    }


    changeBannerArrow(imgSelect){
        from = this.currentImg;

        /* some code here*/
        to = this.currentImg;

        changeBtnColorBg(from, to);

    }

    changeBtnColorBg(from, to){
        this.imgHdr[from].selected = false; //change back to transparent

        this.imgHdr[to].selected = true; //change bg color
    }
}

但是这个结构产生了一个错误

HeaderComponent.html:15 ERROR ReferenceError: changeBtnColorBg is not defined

有人可以帮忙吗？我是新手

Answer 1

似乎您在 changeBannerArrow 和 changeBannerImg 方法中错过了 this

  changeBannerArrow(imgSelect){
        from = this.currentImg;

        /* some code here*/
        to = this.currentImg;

        this.changeBtnColorBg(from, to);
}


   changeBannerImg(imgSelect){
        /* some code here */
        this.changeBtnColorBg(this.currentImg, imgSelect);
    }