json數據沒有在模板視圖中顯示AngularJS

Question

所以我一直試圖顯示模板中的json文件的數據，但由於某種原因，數據不顯示。

代碼從app/js/controllers/controllers.js

angular.module('myApp.views', ['ngRoute']) 

.controller('dashboardCtrl', function($scope, $http) { 

    $http.get('data/klanten.json') 

    .success(function(data) { 
     $scope.klanten = data; 
     console.log($scope.klanten); 
    }); 

    $scope.customer = { 
     name: 'Naomi', 
     address: '1600 Amphitheatre'  
    }; 

    //$scope.test = 9 * 5; 

    //console.log($scope.klanten); 

}).directive('myCustomer', ['$http', function($http) { 
     //console.log($scope.klanten); 
     return { 
      template: 'Name: {{ klanten.voornaam }} Address: {{customer.address}}' 
     }; 

}]) 

這是從視圖模板的代碼位於：app/view/dashboard/dashboard.html

<div class="container navbar-default"> 
     <nav role="navigation"> 
      <ul class="nav nav-pills"> 
      <li><a href="#/views/dashboard">Dashboard</a></li> 
      <li><a href="#/views/profiel">Mijn profiel</a></li> 
      <li><a href="#/views/transacties">Mijn transacties</a></li> 

      <li><a href="#">Uitloggen</a></li> 
      </ul> 
     </nav> 

     </div> 

<p>This is the partial for view 1.</p> 

<p>{{ test }}</p> 

<p> 
    <div ng-controller="dashboardCtrl"> 
     <div my-customer></div> 
    </div> 
</p> 

，這是它的外觀在前端：

The $ scope.customer只是測試數據。我真正想要的是如何從json文件中獲取數據。我究竟做錯了什麼？

Answer 1

您的scope中沒有{{test}}。嘗試在您的視圖中編寫{{klanten}}。

它應該工作。

您正在使用的那種AngularJS要求：https://docs.angularjs.org/api/ng/service/$http#shortcut-methods