在烤面包机的onShown事件中调用其他函数

时间:2018-09-26 11:59:30

标签: javascript angular typescript angular6 angular-toastr

我将以下代码用于烤面包机

    toastr.success("<br /><br /><button type='button' id='confirmationRevertYes' class='btn clear'>Yes</button>",'delete item?',
      {
          closeButton: false,
          allowHtml: true,
          onShown: function (toast) {
              $("#confirmationRevertYes").click(function(){
                hidepanel(); // not working
                this.hidepanel(); // not working
              });
            }
      });

我外面有一个功能

hidepanel(){
}

尝试在烤面包机的onShown方法中调用时会引发错误

  

隐藏面板在“ HTMLElement”类型上不存在。

这怎么工作?

谢谢

1 个答案:

答案 0 :(得分:1)

假设您有一个函数调用hidepanel,请使用=>表达式

toastr.success("<br /><br /><button type='button' id='confirmationRevertYes' class='btn clear'>Yes</button>",'delete item?',
  {
      closeButton: false,
      allowHtml: true,
      onShown: (toast) => {
          $("#confirmationRevertYes").click(() =>{ 
            this.hidepanel();  
          });
        }
  });