如何使用 Angular UI Bootstrap 制作工具提示？

在本文中，我们将看到如何使用 Angular UI 引导程序制作下拉菜单。

Angular UI Bootstrap 是由 Angular UI 开发人员创建的 Angular JS 框架，用于提供更易于使用的 UI。

句法：

从链接下载 AngularUI：

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

方法：

• 首先，添加项目所需的 Angular UI 引导脚本。

• 使用它的 UIBootStrap 类制作 Tooltip，这将为 Tooltip 设置 UI 外观。
• 现在使用不同的类制作不同类型的 Tooltip 并运行代码。

例子：

HTML

  
  
    
    
    
    
    
    
    
    
    
    
      // Adding Modules
      angular.module('gfg', ['ngAnimate', 'ngSanitize', 'ui.bootstrap']);
      angular.module('gfg').controller('tooltip', function ($scope) {
        $scope.gfg = {
          options: [
            'one',
            'two',
            'three',
            'four',
            'five',
            'six',
            'seven',
            'eight',
            'nine',
            'ten',
            'eleven',
            'twelve'
          ],
          selected: 'one'
        };
      });
    
  
    
  
  
  
    
  
      
      
  
        
  
          
          
        
  
        
          Tooltip {{gfg.selected}}
        
  
      
    
  

输出：

参考： https://angular-ui.github.io/bootstrap/#!#tooltip