我想在角度创建一个简单的电子商务,但我有一个大问题。 如何创建一个列表视图,当我点击一个项目时,转到带有$ 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));
});
}]);
谢谢!