如何使用 Angular UI Bootstrap 发出警报？

在本文中，我们将了解如何使用 Angular UI 引导程序发出警报。 Angular UI Bootstrap 是由 Angular UI 开发人员创建的 Angular JS 框架，用于提供更易于使用的 UI。

警报指令用于从静态和动态模型数据生成警报。

句法：

alert

从链接下载 AngularUI：

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

方法：

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

• 使用 Alert 的 UIBootStrap 类制作 div，这将使 UI 查找警报。
• 现在使用这些类制作不同类型的警报并运行代码。

例子：

HTML

  

  
    
    
    
    
    
    
    
    
    
  
    
  
    
  
        // Adding Modules
        angular.module('gfg', ['ngAnimate', 'ngSanitize', 'ui.bootstrap']);
        angular.module('gfg').controller('Alert', function ($scope) {
        });
    

  

    
          
        
        
            A Simple Alert
        
  
        
        Warning Alert
  
        
        Danger Alert
  
        
        Success Alert
    

  

输出：

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