使用$ stateParams动态加载JSON

Question

所以我采取了Angular的第一步。在下面稍微简化的代码中，我尝试加载与URL匹配的JSON文件（例如ex1.html加载ex1.json）。

var exerciseApp = angular.module('exerciseApp', ['ngAnimate', 'ui.router']);

exerciseApp.config(function($stateProvider, $urlRouterProvider) {
   $urlRouterProvider.otherwise('/');
   $stateProvider
    .state('exercise', {
      url: '/{exId:ex[0-9]{1,2}}',
      controller  : 'loadContent'
    });
});

exerciseApp.controller('loadContent', function($scope, $stateParams, $http) {
    $http.get('/content/'+$stateParams.exId+'.json').success(function(data){
      $scope.excontent=data;
    })
});

如果$ http.get只是说（＆＃39; /content/ex1.json'），它可以正常工作。

实际上，应用程序确实看到了ex.json文件（如果内容文件夹中有ex1.json文件，则会返回找不到文件的错误。）

我确定我在其他地方看到过这样的事情。我做错了什么？

解决：意识到我的错误。我没有在ui-view内的视图模板中包含我想要显示的值。 JSON正在加载，但视图中没有任何地方可以显示它。