在角度的嵌套視圖中加載json數據？

我是新來的Angular，並試圖找出嵌套的意見：在角度的嵌套視圖中加載json數據？

我有一個json文件，我想要顯示，但在嵌套視圖之一;我沒有得到任何結果：

應用：

VAR對myApp = angular.module（ '對myApp'，[]）;

myApp.config(['$routeProvider', 

    function($routeProvider){ 

     $routeProvider. 
      when('/tab1', { 
       templateUrl: 'tab1.html', 
       controller: 'tab1' 
      }). 
      when('/tab2',{ 
       templateUrl: 'tab2.html', 
       controller: 'tab2' 
      }). 
      when('/tab3',{ 
       templateUrl: 'tab3.html', 
       controller: 'tab3' 
      }). 
      otherwise({ 
       redirectTo: '/tab1' 
      }); 
    }]); 

myApp.controller('tab1', function($scope, $http){ 
    $scope.message = 'This is Tab1 space'; 
}); 

myApp.controller('tab2', function($scope){ 
    $scope.message = 'This is Tab2 space'; 
}); 

myApp.controller('tab3', function($scope){ 

    $http.get('data.json') 
     .success(function(data){ 
      $scope.cars = data;     
     }); 
});

我可以顯示TAB1和TAB2文本，但它有JSON數據TAB3 ..

我怎麼有TAB3配置控制器能夠顯示數據3視圖的JSON數據？

myApp.controller('tab3', function($scope){ 

$http.get('data.json') 
     .success(function(data){ 
      $scope.cars = data;     
     }); 
});

HTML：

<html lang="en" ng-app="myApp"> 
    <head> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 
    <script src="myApp.js"></script> 
    </head> 
    <body> 
       <ul> 
        <li> 
        <a href="#tab1">tab1</a> 
        </li> 
        <li> 
        <a href="#tab2">tab2</a> 
        </li> 
        <li> 
        <a href="#tab3">Check Cars</a> 
        </li> 
       </ul> 

       <div ng-view></div> 

    </body> 
</html>

和tab3.html

<span ng-repeat="car in cars"> 
{{car.Brand}} 
</span>

我如何調用該TAB3 JSON數據？

經驗：http://plnkr.co/edit/medE55ZlFYBtWJExrxjU?p=preview

預先感謝您！

來源

2014-11-05 Mar

添加$http扶養在tab3控制器下面，

myApp.controller('tab3', function($scope,$http){

來源

2014-11-05 12:46:17

神...日Thnx！:)） – Mar 2014-11-05 12:48:27

你也可以用你的「TAB3」路線的決心屬性返回這一承諾，並注入生成的JSON對象直接進入你的控制器。請參閱[$ routeProvider文檔]（https://docs.angularjs.org/api/ngRoute/provider/$routeProvider）以獲取更多信息。 – natwallbank 2014-11-05 12:53:21

在角度的嵌套視圖中加載json數據？

回答

相關問題