angularjs - 来自 Controller 的 md 工具提示显示

Question

我有一个与当前隐藏的段落关联的工具提示，我想在我的 Controller 中发生事件后显示它。

我的 html 代码是 -

  <div ng-controller="DemoCtrl as ctrl" layout="column" ng-cloak>
    <p>Use <code>md-autocomplete</code> to search for matches from local or remote data sources.
      <md-tooltip hide md-direction="left">
        Refresh
      </md-tooltip>     
    </p>  
  </div>

我的 Controller 代码是 -

  angular
  .module('starterApp')
  .controller('DemoCtrl', DemoCtrl);


function DemoCtrl($mdDialog,$mdToast) {
    var self = this;
    //I want to show the tooltip from here.
    //if(event) mdTooltip.show()


  }

这个问题不是 link 的重复问题因为我没有诸如 data-trigger="hover"之类的触发器。触发器将基于另一个事件来自 Controller 内。

Answer 1

您可以使用 md-tooltip md-visible 属性来实现。请参阅文档 here .

按如下方式设置工具提示:

<p>Use <code>md-autocomplete</code> to search for matches from local or remote data sources.
  <md-tooltip ng-if="showTooltip" md-visible="showTooltip" md-direction="left">
    Refresh
  </md-tooltip>     
</p>  

You can see a working plunker here.

希望对你有帮助