md工具提示从控制器显示

Question

我有一个与当前隐藏的段落关联的工具提示,我想在我的控制器中发生事件后显示它.

我的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>

我的控制器代码是 -

  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()


  }

这个问题不是链接的重复,因为我没有触发器,例如data-trigger ="hover".触发器将基于另一事件来自控制器内.

Answer 1

您可以使用md-tooltip md-visible属性执行此操作.见文档这里.

设置工具提示如下:

<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>  

你可以在这里看到一个工作的plunker .

希望能帮助到你