Question

我在项目中使用了角带。

我想使用工具提示，并通过'data-template-url'渲染模板。为此，我这样做：

dependencies：

'mgcrea.ngStrap',
'mgcrea.ngStrap.tooltip',

controllerCtrl.coffee:

$scope.tooltip = {
   "title": "Hello Tooltip<br />This is a multiline message!"
};

html中的

：

<a href data-animation="am-flip-x" data-template-url="assets/templates/messageTooltip.html" bs-tooltip>you probably</a>

和messageTooltip.html：

<div class="tooltip in" ng-show="title">
    <div class="tooltip-arrow"></div>
    <div class="tooltip-inner" ng-bind="content">
        <p>test tooltip</p>
    </div>
</div>

但是当我运行项目时，没有任何规定。

问题出在哪里？

Answer 1

这是一个带有工作工具提示模板的Plunker：

http://plnkr.co/edit/jFntZyFw3W9QfTQBlFr4?p=preview

模板是：

UPDATE mytable
SET    Status = CASE
                  WHEN QCField IN ('A', 'B') THEN 'Some text'
                  ELSE Status
                END,
       QCField = 'A';

在CSS中我定义了类似于Bootstrap <div class="tooltip in" ng-show="title"> <div class="tooltip-arrow"></div> <div class="tooltip-title" ng-bind="title"></div> <div class="tooltip-inner" ng-bind="txtcontent"></div> </div>类的tooltip-title类：

tooltip-inner

AngularStrap：data-template-url不在工具提示中呈现

1 个答案: