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>

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

1 个答案: