md-tooltip无法与选取框一起使用

时间:2018-06-29 12:31:36

标签: angularjs angularjs-material

我在md-button中使用md-tooltip并使用选取框来显示按钮的滚动标签。但是当我将鼠标移到md按钮上时,md-tooltip仅显示一秒钟,然后消失。我注意到,当我删除选取框代码md-tooltip时,它会正确显示。尝试使用md-z-index以及md-visible,但没有帮助。所有控件都添加在部分中。

<section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
    <div ng-repeat="mybutton in allbuttons">
        <md-button class="md-fab">
          <div >
              <md-tooltip md-direction="top" md-visible="true">{{mybutton.buttontooltip}}</md-tooltip>
              <img ng-src={{mybutton.imagesource}} style="width:50px" />
          </div>
      </md-button>
      <div class="buttonLabel">
          <marquee scrollamount="1" style="float:left; font-size: 12px; width:70px; color: white; padding-right: 5em">
            <div>
                {{buttonlabel}}
            </div>  
          </marquee>
      </div>
    </div>
</section> 

buttonLabel类的css如下。

.buttonLabel {
        background-color: #080808;
            color:#EEE5E5;
            bottom: 2px;
            left: 520px;
            margin: 10px;
    } 

Plucker链接在下面。如果删除选框,它将正常工作。

https://codepen.io/naddy1/pen/eKbGVN

请让我知道我是否以正确的方式进行操作?

0 个答案:

没有答案