綁定Aurelia事件處理程序可防止默認操作

Question

我在我的菜單中有鏈接，可以在我的頁面中定位。我希望菜單在其中一個鏈接被點擊並且仍然發生默認動作時摺疊。看來，當我綁定aurelia事件處理程序時，默認操作從不會發生（鏈接不會導航）。我如何綁定一個aurelia事件處理程序以及對錨標記執行默認操作？

即：

HTML

<ul class="${navClass}"> 
    <li><a href="#about" click.trigger="_toggleMenu()"><i class="fa fa-pencil" style="color: #FFFF00;"></i><span>About</span></a></li>   
</ul> 

JS

_toggleMenu() { 
    if(this.navClass == 'nav') { 
     this.navClass += ' expand'; 
    } else { 
     this.navClass = 'nav'; 
    } 
} 

Answer 1

使用click.delegate="_toggleMenu()"（還與觸發，但代表是首選，見https://github.com/aurelia/binding/blob/master/doc/article/en-US/binding-delegate-vs-trigger.md）

然後返回true，以讓動作泡泡：

_toggleMenu() { 
    if(this.navClass == 'nav') { 
     this.navClass += ' expand'; 
    } else { 
     this.navClass = 'nav'; 
    } 

    return true; 
}