uib-tooltip作为Controller中的文本

时间:2017-08-29 00:58:00

标签: javascript angularjs angular-ui-bootstrap

我在向视图添加uib-tooltip时遇到了一些问题。

控制器:('v'是数组)

$scope.video_link = function (v) {
    var del = "";
    if(v.deleted == 1) {
        del = '<i class="fa fa-times" uib-tooltip="Video deleted"></i>';
    }
    var link = del+'<a href="'+v.video_id+'">' + v.video_name + '</a>';
    return $sce.trustAsHtml(link);
}

查看:

<span ng-bind-html="video_link(v)"></span>

一切运作良好,但工具提示本身并没有显示出来。

我知道我可以将“uib-tooltip”移动到视图中(并且它工作正常)但我需要在Controller中构建整个链接。是否有可能使其正常工作?

1 个答案:

答案 0 :(得分:0)

要使代码md-elements动态创建工作,您需要调用

componentHandler.upgradeAllRegistered();
初始化添加到视图i.e. those are added programatically

的所有新引导程序组件

componentHandler.upgradeElement(elem)
如果你只想启动1个元素

ALSO 确保在将元素添加到视图之后而不是之前调用其中一个函数。

componentHandler库导入项目时,会创建

uibootstrap全局对象。

componentHandler reference