angularjs görünüm $ http sonra

Question

düzenlemek güncelleştirmek değildir: Ben ön yükleme alanı kullanıyorum, ben önyükleme sekme

Görünüm $ kapsamı değişken güncellemeden sonra güncellenen almaz soruna neden olduğunu düşünüyorum.

$ scope.codeData

i $ scope.codeData teselli eğer, ben verilerini görebilirsiniz, ama görüntülemede oluşturulduğu etmez.

Görünümü doğru şekilde görüntülemek için iki kez tıklatmam gerekiyor.

Kodumda yanlış bir sorun var mı?

Teşekkür ederiz.

yapılandırma

angular.module('SPAroutes', ['ngRoute', 'SPAcontrollers', 'SPAdirectives']) 

.config(['$routeProvider', '$locationProvider', 
function($routeProvider, $locationProvider) { 
    $routeProvider 
    .when('/admin', { 
     templateUrl: 'templates/views/admin.html', 
     controller: 'adminCtrl', 
     controllerAs: 'admin' 
    }) 
    $locationProvider.html5Mode(true).hashPrefix('!'); 
}]); 

Controller.js

angular.module('SPAcontrollers', ['ngRoute', 'SPAfactories', 'SPAdirectives']).controller('adminCtrl', ['$scope', '$http', '$location', '$window', '$SPAaccount', function ($scope, $http, $location, $window, $SPAaccount) { 
    this.dataRetrive = function(category){ 
     $http.get('/ctrls/get/blockCode/header').then(function (res){ 
      $scope.codeData = res.data; 
      console.log($scope.codeData); 
      $('#headerTab').tab('show'); 
     }, function (err){ 
      console.log(err); 
     }) 
    }; 
}]); 

admin.html

{{codeData}}

Answer 1

Sen Phil menti olarak kapsamı ile controllerAs kadar karıştırma comment numaralı telefonunda söz konusu. Buradaki kapsamı kullanmak yerine this'daki mağaza değerleri buna benzer bir referans.

angular.module('SPAcontrollers', ['ngRoute', 'SPAfactories', 'SPAdirectives']).controller('adminCtrl', ['$scope', '$http', '$location', '$window', '$SPAaccount', function ($scope, $http, $location, $window, $SPAaccount) { 
    var admin = this; 
    this.dataRetrive = function(category){ 
     $http.get('/ctrls/get/blockCode/header').then(function (res){ 
      admin.codeData = res.data; 
      console.log(admin.codeData); 
      $('#headerTab').tab('show'); 
     }, function (err){ 
      console.log(err); 
     }) 
    }; 
}]); 

ve iç görünüm

: admin.html

{{admin.codeData}} 

here sizin refernce