Angularjs 角度微调器未出现_Angularjs_Angularjs Directive_Angular Ui_Angular Ui Bootstrap

Angularjs 角度微调器未出现

angularjs

Angularjs 角度微调器未出现,angularjs,angularjs-directive,angular-ui,angular-ui-bootstrap,Angularjs,Angularjs Directive,Angular Ui,Angular Ui Bootstrap,我正在使用URI/angular微调器，但当我试图通过$scope.startSpin（）和$scope.stopSpin（）在控制器中使用它时，它不起作用请在找到我的钥匙。在这里，微调器根本没有出现以下是启动和停止微调器的代码 $scope.startSpin(); DashboardsDataService.getNetSpendOverTimeData() .then(function(data) { $scope.data = data;

我正在使用URI/angular微调器，但当我试图通过

$scope.startSpin（）

和

$scope.stopSpin（）

在控制器中使用它时，它不起作用

请在找到我的钥匙。在这里，微调器根本没有出现

以下是启动和停止微调器的代码

 $scope.startSpin();    
    DashboardsDataService.getNetSpendOverTimeData()
      .then(function(data) {
        $scope.data = data;
        $scope.stopSpin();  
      });

非常简单，只需删除

spinner-key="spinner-1"

而且很好用

最终代码

<!DOCTYPE html>
<html ng-app="myApp">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />

    <script data-require="angular.js@1.2.x" src="https://code.angularjs.org/1.2.16/angular.js" data-semver="1.2.16"></script>
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="http://fgnass.github.io/spin.js/spin.min.js"></script>
    <script type="text/javascript" src="angular-spinner.js"></script>
   <script src="app.js"></script>
   <script src="services.js"></script>
   <script src="controllers.js"></script>
  </head>

  <body ng-controller="MainCtrl">

   <span us-spinner="{radius:30, width:8, length: 16}" ></span>

       <div>
        <pre class="code">{{data | json }}</pre>
      </div>  

  </body>

</html>


安古拉斯普朗克
文件。写（“”）；
{{data}json}

plnkr

有一个错误：微调器键不起作用

对我有效的方法是注册数组中的每个微调器：当调用.spin（微调器名称）时，只需将{spinnerName:true}添加到某个控制器的数组中，当调用stop（微调器名称）时，将其更改为{spinnerName:false}。然后根据类似于ng if=“mySpinners['spinnerName']==true”的表达式，使用ng if显示/隐藏微调器。

现在，从承诺中获取数据后，微调器将开始加载且永不停止！！！！。在DashboardsDataService.GetNetPendOvertimeData（）之前，微调器的预期功能是什么？成功解析承诺后，微调器应启动。微调器应停止。但你建议的解决方案并没有这样做。