Angular js如何将索引数据转换为另一个模板

时间:2015-02-20 13:58:10

标签: javascript templates

我正在尝试将列表中的数据转换为onsen中的单个模板,这是一种详细模板 控制器已经有来自ajax http函数的数据,我在详细模板上得到一个空页, shopitemcontroller是我用来显示索引数据的控制器...商店控制器获取所有列表数据,以便用户可以点击并获取详细信息模板 令人沮丧的

module.controller('ShopItemController', function($scope){
    $scope.item = $scope.activeItem;
});

module.controller('ShopController',函数($ scope,$ http,$ interval){$ scope.items = $ shop.items;

$scope.showItem = function(index){
    var activeItem = $scope.items[index];
    $scope.activeItem = activeItem;
    $scope.ons.navigator.pushPage('shop_item.html', {title : activeItem.item_title});
};

1 个答案:

答案 0 :(得分:0)

首先,由于您没有使用任何逗号和点,因此很难阅读您所写的内容。

制作angular service,您将controllers用作app.factory('generalService', function ($timeout, $http, $q, $resource, a) { var service = { activeItem :null }; return service; }); module.controller('ShopController', function($scope, $http, $interval,generalService){ $scope.items = $shop.items; $scope.showItem = function(index){ var activeItem = $scope.items[index]; generalService.activeItem = activeItem; $scope.ons.navigator.pushPage('shop_item.html', {title : activeItem.item_title}); }; }); 的参数。

示例:

module.controller('ShopItemController', function($scope, generalService){

function refresh(){
  $scope.item = generalService.activeItem;
}
$scope.$watch(function(){return generalService.activeItem}, function(){return refresh();});
});

所以,你会有这样的事情:

{{1}}