如果在md-tooltip中为空,请隐藏工具提示

Question

我有以下工具提示:

<i ng-click="createDetails(item)" class="fa fa-info-circle">
    <md-tooltip md-direction="top">
        {{item.details}}
    </md-tooltip>
</i>

$scope.createDetails = function (item) {
    item["details"] = "example";
}

如果我点击,会出现详细信息(工具提示不居中,另一个问题,但现在可以)

主要问题是:如果没有信息,我想隐藏工具提示,所以当 item.details == undefined

我尝试过ng-show,md-visible,ng-class等.这些问题是否有解决方案？

Answer 1

您可以使用它ng-if来评估item.details变量的内容,以决定是否<md-tooltip>创建元素.

<i ng-click="createDetails(item)" class="fa fa-info-circle">
    <md-tooltip md-direction="top" ng-if="item.details">
        {{item.details}}
    </md-tooltip>
</i>