mdツールチップshow controller from

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


    } 

私は、このようなデータ・トリガとしてトリガを持っていないので、この質問は「= linkの複製ではありませんホバー "。トリガは、別のイベントに基づいてコントローラ内から発生します。

Answer 1

ような何かをNG-ショー= "showTooltip"

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

    self.showTooltip = false; 

    self.changeTooltipStatus = function (status) { 
     self.showTooltip = status 
    } 
} 

を使用して、ツールチップはその後、あなたのHTMLにあなたはMD-ツールチップ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> 

は、あなたが作業plunker hereを見ることができます。

は、それがの

Answer 2

コントローラにshowTooltipという値を設定するメソッドを作成します。イベントがトリガされると、showToottipがtrue/falseに設定されます。そして、この

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