Question

私は入れ子になったtdsを持つtrのリストを持っています。これは角度ベースのアプリです。私もtooltip.jsブートストラッププラグインを使用しています。私が達成しようとしているのは、私がマウスオーバーしてtdからツールチップをtrから隠すことです。あなたがngHideを使用することができます

$scope.hideTooltip = function() { 
    $("[name='someName']").tooltip('hide'); 
}; 

Answer 1

：

<tr ng-repeat="model in somelist" name="someName" tooltip="someTooltip"> 

    <td tooltip="someOtherTooltip" ng-mouseover="hideTooltip()"></td> 

</tr> 

と、このようなの.js：私のHTMLは次のようになります。私はあなたに役立つと思います！

Answer 2

コントローラからDOM操作を実行することは悪いことです。あなたは指示からそれをしなければなりません。しかし、あなたはの引数を渡す必要があるだろう、現実の世界では

$scope.hideTooltip = function() { 
    $scope.tooltipIsHidden = true; 
}; 

：

<tr ng-repeat="model in somelist" name="someName" tooltip="someTooltip"> 
    <td tooltip="someOtherTooltip" ng-hide="tooltipIsHidden" ng-mouseover="hideTooltip()"></td> 
</tr> 

あなたのコントローラーで

：あなたのケースでは、上記の提案として、あなたはより良いので、同じようngHideを使用したいです非表示にするツールチップを使用し、代わりにtooltip.isHiddenなどのプロパティを使用します。

ところで、あなたはUI Bootstrapをチェックしたいと思うかもしれません。これは、便利なオプションがたくさんあるAngularディレクティブ（ツールチップを含む）でラップされたBootstrap UIコンポーネントを定義します。

Answer 3

私の助言は、UIブートストラップを使用することです。ここで

は、ツールチップ機能を使用する方法のリンクです： https://angular-ui.github.io/bootstrap/#/tooltip