如何使用 Angular UI Bootstrap 进行评分？

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

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

句法：

从链接下载 AngularUI：

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

方法：

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

• 使用它的 UIBootStrap 类进行评级，这将设置 UI 查找评级。
• 现在使用不同的类进行不同类型的评级并运行代码。

例子：

HTML

  

  
    
    
    
    
    
    
    
    
    
    
  
    
  
        // Adding Modules
        angular.module('gfg', ['ngAnimate', 'ngSanitize', 'ui.bootstrap']);
        angular.module('gfg').controller('rating', function ($scope) {
            $scope.rate = 4;
            $scope.max = 12;
            $scope.isReadonly = false;
            $scope.hov = function (value) {
                $scope.over = value;
                $scope.per = 100 * (value / $scope.max);
            };
        });
    

  

    
  
        
        
  
            
            
              
            {{per}}%
        
    

  

输出：

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