在角度選擇項目後保持菜單打開

點擊我的toggleShare按鈕後，我的菜單即將關閉。我如何防止這一點。我用angularJS與角料在角度選擇項目後保持菜單打開

這裏是我的代碼：

<md-menu> 
     <md-button ng-click="$mdOpenMenu()"> 
     </md-button> 
     <md-menu-content> 
      <md-menu-item> 
       <md-button ng-click="toggleShare()"> 
       </md-button> 
      </md-menu-item> 
     </md-menu-content> 
    </md-menu>

來源

2016-04-25 Cristian Panea

請提供詳細的代碼。 'toggleShare（）'方法在哪裏？如果你添加任何plnkr /小提琴會更好。 –

您可以使用md-prevent-menu-close屬性從封閉在offical doc建議停止菜單。以下是你如何編寫代碼

<md-menu> 
    <md-button ng-click="$mdOpenMenu()"> 
    </md-button> 
    <md-menu-content> 
     <md-menu-item> 
      <md-button ng-click="toggleShare()" md-prevent-menu-close="md-prevent-menu-close"> 
      </md-button> 
     </md-menu-item> 
    </md-menu-content> 
</md-menu>

以下是使用此方法所需結果的實際示例。 http://codepen.io/next1/pen/aNadYR

來源

2016-04-25 12:55:42 nextt1

請注意，這隻適用於'button'和'md-button'元素;如果您嘗試使用其他內容（如複選框），它將不起作用。 – ZachB

其工作。謝謝 – Murali

上面的答案應該是公認的答案，但你也可以使用ngMouseup而不是ngClick和它的作品一樣的:)

<md-menu> 
    <md-button ng-click="$mdOpenMenu()"> 
    </md-button> 
    <md-menu-content> 
    <md-menu-item> 
     <md-button ng-mouseup="toggleShare()"> 
     </md-button> 
    </md-menu-item> 
    </md-menu-content> 
</md-menu>

來源

2017-06-27 13:54:42

此方法適用於所有元素，不僅僅是按鈕/ md-button。謝謝你的提示！ – tarequeh

在角度選擇項目後保持菜單打開

回答

相關問題