如何使用angularjs避免視圖閃爍

Question

我正在使用stateProvider進行路由。

問題：

單擊任何鏈接時，控制器將遞歸調用工廠服務。 發生的情況是，每次成功調用ajax后，我的視圖都會閃爍或閃爍。 （我不要）

請提供一些提示。 到目前為止，我還沒有嘗試過ng-cloak和class="ng-cloak" 。

問題：在所有ajax調用完成之前，如何避免這些閃爍效果。

  .state('vehicle', {
      abstract:true,
      url: "/vehicle",
      template: '<div ui-view style="height:100%"></div>',          
      controller:'vehicleManagementCtrl'
  })
  .state('vehicle.list', {
        url: "",          
        templateUrl: 'views/br_manager/mg_vehicleManagement.html'
    })
  .state('vehicle.add', {
        url: "",
        templateUrl: 'views/br_manager/mg_addVehicle.html'
    })
  .state('vehicle.edit', {
      url: "",
      templateUrl: 'views/br_manager/mg_editVehicle.html'
  })
   .state('vehicle.delete', {
        url: "",
        templateUrl: 'views/br_manager/mg_addVehicle.html'
    })

Answer 1

嘗試在您的狀態下使用resolve ，這樣，您可以指定ajax調用需要首先完成才能顯示視圖。 嘗試在docs中查找有關解決問題的更多信息。

Answer 2

此答案可能更適合作為評論，但我還不能做到這一點。

您是否添加了ng-cloak CSS類以使其正常工作？ 請檢查： https : //docs.angularjs.org/api/ng/directive/ngCloak

您每次點擊是否提出幾個要求？ 我的遞歸性不是很好。

您能舉個例子還是擺弄小提琴，以便我們可以看到代碼？