angularjsビューは$ HTTP

Question

編集後に更新されません：私はブートストラップを使用しています、私は、ブートストラップタブが表示は$スコープ変数の更新後に更新されません 問題

を引き起こしていると思います。

$ scope.codeData

私は$ scope.codeDataを慰めた場合、私はデータを見ることができますが、ビューでレンダリングされません。

ビューを正しくレンダリングするには、2回クリックする必要があります。

私のコードに何か問題はありますか？

ありがとうございます。

設定

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

あなたはフィルmentiとしてスコープでcontrollerAsを混合しています彼の質問commentにoned。ここでスコープを使用する代わりに、thisの中に値を格納してください。

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); 
     }) 
    }; 
}]); 

とビューの内側：。admin.html

{{admin.codeData}} 

hereはあなたrefernce