如何使用 AngularJS 创建工具提示？答案

【问题标题】：How to create tooltip using AngularJS?如何使用 AngularJS 创建工具提示？
【发布时间】：2015-05-18 15:40:46
【问题描述】：

一旦用户从树下拉列表中选择值，我想调用服务以获取与标签关联的工具提示，以在输入字段中显示所选文本的描述。我如何使用 AngularJS 工具提示功能完成任务并获取描述。我是 AngularJS 的新手，任何详细的帮助将不胜感激。

到目前为止尝试了代码..

Ctrl.js

<div class="form-group col-md-6 fieldHeight">
    <label for="erh" class="col-md-5 required">Enterprise Reporting Hierarchy:
        <span ng-mouseover="tooltip={{erhHirachyInfo.erhToolTip}}" 
        class="glyphicon glyphicon-info-sign pull-right"></span>
    </label>
<div class="col-md-7">
    <div multiselect-dropdown-tree ng-model="nonPersistentProcess.erhKey"      
    options="erhTreeviewOptions">
    </div>
</div>

service.js

 return $resource('app/prcs/rest/process/getERhHirachyInfo/:id', {}, {
        'query': {
            method: 'GET'
        },
        'get': {
            method: 'GET'
        }
    });

【问题讨论】：

标签： angularjs kendo-ui kendo-treeview

【解决方案1】：

Angular 团队为此目的开发了一个指令：

https://angular-ui.github.io/bootstrap/#/tooltip

http://getbootstrap.com/javascript/#tooltips

【讨论】：