角度材料中的工具提示

时间:2017-06-26 11:13:44

标签: angularjs angular-material

我创建了一个包含表格单元格的表格,其中包含一个带有工具提示的删除图标按钮,该工具提示会在单击时删除整行。 当用户点击Delete图标按钮时,工具提示将永远显示。

现在我需要一个工具提示的解决方案,以便在删除行时消失。

使用的表格 - mdtTable

这是我的示例代码:



angular.module('App', ['ngMaterial']);

    <html ng-app="App">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-animate.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-aria.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-messages.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.js"></script>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  </head>
  <body>
    <md-button class="md-icon-button test-tooltip" aria-label="delete">
      <md-tooltip md-direction="right">Delete</md-tooltip>
      <md-icon style="width: 24px; height: 24px">delete
      </md-icon>
    </md-button>
  </body>
</html>
&#13;
&#13;
&#13;

0 个答案:

没有答案