Question

在执行操作之前，我的应用中有一些区域存在严重滞后... 3到4秒...我正在使用以下代码进行测试，可以看到当用户单击按钮将近3+秒后，ng-click按钮功能就会执行。

该应用程序将打开到这个非常基本的屏幕（我把它哑了一点）：

<div>
  <br>New to ThisApp?
  <br><button id="" style="font-size:20px;" type='button' ng-click="newUser(2)" class="button button-small button-modalCustom button-customColor">
    REGISTER
  </button>      
  <br>
  {{regMsg}}
  <br>
  Returning to ThisApp?
  <br><button id="" style="font-size:20px;" type='button' ng-click="newUser(1)" class="button button-small button-modalCustom button-customColor">
    LOGIN
  </button>
  <br>
  {{logMsg}}
</div>

使用这个非常基本的控制器。我在代码中添加了regMsg和logMsg来提醒该函数何时执行...我以为regMsg或logMsg会立即触发/填充屏幕视图...并且该应用（$ state.go（））还要花2秒钟才能过渡到下一个视图。但是不。其功能本身被延迟。

.controller('AppIntroCtrl', function($scope,$state,$ionicNavBarDelegate) {
  fireBase(1,"AppIntro") ;
  $ionicNavBarDelegate.showBackButton(false);
  $scope.newUser = function(start) {
    if (start == 1) {
      $scope.logMsg = "Initializing..." ;
      console.log("LOG") ;
      $state.go("appLogin1") ;
    } else {
      $scope.regMsg = "Loading..." ;
      console.log("REG") ;
      $state.go("register") ;
    }
  }
})

在单击register或login时，大约2秒钟以上没有任何反应...然后眨眼了regMsg或填充了适当内容的logMsg消息，然后应用程序立即转换到下一个$ state.go（''）。

最初，我认为是$ state.go（）滞后了，但事实并非如此。似乎是该功能正在延迟-2到3秒钟后，xxxMsg闪烁1/10秒，然后状态更改为适当的视图。

我看到这种情况发生在我的应用程序的其他部分上...单击一个按钮，在应用程序移至下一个视图之前有2到3秒的延迟。有时，这些视图是弹出模式，有时是滑块中的slide元素……有时是新的$ state.go（）视图。我的测试向我展示了它的功能-每次-都会被延迟。

AngularJS函数调用严重滞后

0 个答案: