有没有办法挂接到画布外的基础关闭和打开，甚至更改菜单图标

Question

我正在使用角度基础，并试图找到一种在打开/关闭菜单时更改画布外菜单图标的方法。目前我使用：

<a class="right-off-canvas-toggle menu-icon"><span></span></a>

我想用我自己的类替换"菜单图标"，但我不确定如何挂接到 close 方法。我尝试添加 ng-click，但这不会在关闭时触发，因为 <a> 标签用于覆盖关闭功能的页面其余部分。基于此，我认为使用画布外将是最好的方法。

Answer 1

你可以这样做

挂接到open.fndtn.offcanvas和close.fndtn.offcanvas事件，如下所示：

$(document).on('open.fndtn.offcanvas', '[data-offcanvas]', function() {
    var off_canvas_icon = $(this).find('.right-off-canvas-toggle');
    off_canvas_icon.removeClass('menu-icon').addClass('close-icon');
});
$(document).on('close.fndtn.offcanvas', '[data-offcanvas]', function() {
    var off_canvas_icon = $(this).find('.right-off-canvas-toggle');
    off_canvas_icon.removeClass('close-icon').addClass('menu-icon');
});