Angularjs 从控制器显示md工具提示

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

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


  }

我的控制器代码是-

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


  }

---

这个问题不是重复的，因为我没有数据触发器=“hover”之类的触发器。触发器将根据另一个事件来自控制器内部。

我将在控制器中创建一个方法，设置一个值，比如showTooltip。当事件触发时，它将ShowTootIP设置为true/false。然后使用ng show=“showTooltip”显示/隐藏工具提示

然后在您的HTML中执行如下操作

<md-tooltip ng-show="showTooltip" md-direction="left">
    Refresh
</md-tooltip> 

刷新

您可以使用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

---

希望它有帮助

可能重复@DurgpalSingh的问题没有帮助。在编辑中添加了原因。谢谢兄弟，你救了我一天。