材料設計：更改整個選項卡按鈕的選擇操作，不僅用於標籤

我試圖通過單擊md-tabs元素的最後一個選項卡來顯示菜單。如果點擊標籤標籤，我可以顯示菜單，但如果點擊標籤的空白區域，它將照常運行，顯示相關的標籤。材料設計：更改整個選項卡按鈕的選擇操作，不僅用於標籤

如何將標籤行爲擴展到整個選項卡？

這是一些代碼

<md-tabs class="stretch-height" flex md-selected="mbpSelectedIndex" md-border-bottom 
    md-dynamic-height> 
    <md-tab ng-repeat="tab in mbpTabs" md-on-select="onTabSelected(tab)"> 
     <md-menu context-menu> 
     <div flex class="mbpTable" ng-right-click="$mdOpenContextMenu($event)">{{tab.title}}</div> 
     <md-menu-content> 
      <md-menu-item > 
       <md-button ng-click="showDeleteTabDialog($index, tab.title)" ng-disabled="mbpTabs.length<=1">Delete</md-button> 
      </md-menu-item> 
      <md-menu-item > 
       <md-button ng-click="renameTab($index, tab.title)">Rename</md-button> 
      </md-menu-item> 
      <md-menu-item > 
       <md-button ng-click="createTab()">New Tab</md-button> 
      </md-menu-item> 
      <md-menu-item ng-controller="watchlistsController"> 
       <md-button ng-click="showWatchLists()">Create from Wathclist...</md-button> 
      </md-menu-item> 
     </md-menu-content> 
     </md-menu> 
     <md-tab-body> 
     <div ag-grid="tab.mbpTable.table" class="ag-mbp mbpTable" id="mbpPanel"></div> 
     </md-tab-body> 
    <!-- this is the intersting tab--> 
    </md-tab> 
    <md-tab md-on-select="return"> 
     <md-menu> 
     <div flex class="mbpTable" ng-click="$mdOpenMenu($event)">+</div> 
     <md-menu-content> 
      <md-menu-item ng-repeat ="tab in mbpTabs"> 
       <md-checkbox aria-label="{{tab.title}}">{{tab.title}}</md-checkbox> 
      </md-menu-item> 
      <md-menu-divider></md-menu-divider> 
      <md-menu-item > 
       <md-button ng-click="createTab()">Create Custom Tab</md-button> 
      </md-menu-item> 
     </md-menu-content> 
     </md-menu> 
    </md-tab> 
</md-tabs>

來源

2017-01-19 Igino Boffa

從div到父元素移動ng-click =「$ mdOpenMenu（$ event）」。繼續前進，直到你達到預期的效果。 –

@AmirTalic不起作用 –

那麼你可能有一些其他事件連接到父元素，覆蓋你的ng-click –

我離開了它這樣：

我說這在我的CSS：

md-tab-item:last-of-type{ 
    padding:0!important; 
    width:40px; 
}

這最後一個選項卡按鈕沒有填充，並且可以在不切換標籤的情況下按下整個標籤按鈕。固定的寬度與標籤只是一個'+'的事實有關，所以它與自動寬度一樣太小。

來源

2017-02-21 14:29:46

材料設計：更改整個選項卡按鈕的選擇操作，不僅用於標籤

回答

相關問題