Angularjs单页和呈现/查看数据

我有一个项目列表，并试图根据它的id在单个页面中查看每个项目。我有以下应用程序结构

项目JSON文件

项目清单

app.js

这里的问题是在单个视图中没有任何渲染。该演示链接是有点不同，它有一个单一的网页与ng重复，所以我寻找正确的方法来避免它。

---

提前感谢。

是否调用了成功回调？url是否正确更改？@Nicolai yes。每个项目都有一个正确的url。是否添加了ng应用程序指令？@Mike yes。即使我的控制台中没有错误

[{
    "id": "1-item",
    "name" : "1 item",
    "desc" : "..."
},
{
    "id": "2-item",
    "name" : "2 item",
    "desc" : "..."
}]

<div ng-controller="StoreController as store">

<div class="col-sm-6 col-md-4" ng-repeat="product in store.products ng-hide="product.soldOut">

    <div class="caption">
        <h3>{{product.name}}</h3>

        <p>{{product.desc | limitTo: 100}}</p>

        <!-- ITEM ID LINK -->
        <a href="#/products/{{product.id}}" role="button">View</a>

    </div>
</div>

<h1>{{product.name}}</h1>
<p>{{product.desc}}</p>

(function(){
var app = angular.module('store-routes', ['ngRoute']);

app.config(['$routeProvider',
    function($routeProvider) {

        $routeProvider
            .when('/products/:productId', {
                templateUrl: 'views/products-details.html',
                controller : 'StoreController',
                controllerAs: 'store'
            })
            .otherwise({
                redirectTo:  '/home'
            });
    }]); })();

(function(){
var app = angular.module('store', ['store-routes']);

app.controller('StoreController', ['$http', '$scope', function($http, $scope){
    var store = this;
    store.products = [];

    $http.get('data/products.json').success(function(data) {
        store.products = data;
    });

}]); })();