使用角度在列表视图和详细视图之间共享数据

时间:2015-09-05 10:12:04

标签: angularjs listview detailview dataservice

我想在角度创建一个简单的电子商务,但我有一个大问题。 如何创建一个列表视图,当我点击一个项目时,转到带有$ params和data Service的详细视图?

服务

// Document ready
jQuery(document).ready(function(){
    jQuery('section').each(function(){
        var html = '<ul>';
        var id = jQuery(this).attr('id');
        var i = 1;
        jQuery(this).children('h2').each(function(){
            jQuery(this).attr('id', id + '-' + i);
            html += '<li><a href="#' + jQuery(this).attr('id') + '">' + jQuery(this).text() + '</a></li>';
            i++;
        });
        html += '</ul>';
        jQuery(this).prepend(html);
    });
});

控制器

app.service("productService", function (filterFilter, $http, $routeParams) {

var items = [];

var promise = $http.get('process/product-view.php').then(function (res){

    return items = res.data;

});

this.getProducts = function (){

    return promise;

};


this.getProductAt = function(_name) {


    return promise.then(function (res){

        console.log(JSON.stringify(items));

        return filterFilter(items, {

            link_page: _name

        })[0];
    });
};
});

单项目

app.controller('shop', ['$scope', '$http', 'productService', function ($scope, $http, productService){

productService.getProducts().then(function (res){
    $scope.products = res;
    // console.log(JSON.stringify(res));
});
}]);

谢谢!

0 个答案:

没有答案