JQM 和 Angular：在页面之间传递值

Question

我已经为此苦苦挣扎了一天，似乎无法找到让它工作的最佳方法。

我正在构建一个 Phonegap、Jquery Mobile 和 Angular JS 应用程序。 JQM 用于页面，AngularJS 用于从 API 中提取数据。

我有一个链接到完整描述的 UL 页面列表。单击后，我需要加载另一个 JQM 页面并将值传递给该页面控制器以启用查询 API。

我已经尝试了从本地存储到 ng-clicks 工厂以共享值的所有方法。我似乎无法让第二个控制器看到传递的值。有人知道我哪里出错了吗？

提前致谢。

页面列表控制器

这是加载页面标题列表视图的控制器

// Factory to get categories
app.factory("api_get_categories_by_group", function ($resource) {
return $resource(
    "http://MYDOMAIN.com/api/get_categories_by_group",
    {
        "group_id": "9"
    }
  );
});

// Get the list from the factory and put data into $scope.categories so it can be repeated
function categoryList ($scope, api_get_categories_by_group, getID) {
  $scope.categories = [];

  // Get all categories returned by the API
  $scope.categories = api_get_categories_by_group.query();

  $scope.getCatID = function (id) {
    getID.prepForBroadcast(id);
  };
}

处理数据共享的工厂

此控制器基于：http://onehungrymind.com/angularjs-communicating-between-controllers/

app.factory("getID", function ($rootScope) {
var sharedID = {};
sharedID.theID = '';

sharedID.prepForBroadcast = function (id) {
    this.theID = id;
    this.broadcastItem();
};

sharedID.broadcastItem = function () {
    $rootScope.$broadcast('handleBroadcast');
};

return sharedID;
});

详细页面控制器

此控制器需要共享值才能启用 API 查询

// Factory to get products by category
app.factory("api_get_channel_entries_products", function ($resource) {
return $resource(
    "http://MYDOMAIN.com/feeds/app_productlist/:cat_id",
    {
        cat_id:'12'
    }
);
});

// Get the list from the factory and put data into $scope.categories so it can be repeated
function productList ($scope, api_get_channel_entries_products) {

$scope.products_list = [];

$scope.$on('handleBroadcast', function() {
    $scope.catID = getID.sharedID;
    console.log($scope.catID);
});

$scope.products_list = api_get_channel_entries_products.query();
}

我通常一直在尝试使用 mg-click 来传递页面的 id - 但是，我没有将其添加到代码中，因为我认为这可能是问题的根源。

HTML：hg 点击

<li ng-repeat="cat in categories"><a href="#product-list" ng-click="getCatID(cat.cat_id)">{{cat.cat_name}}</a></li>

Answer 1

我绝不是专家，但是当我想在控制器之间传递数据时，我遇到了类似的问题。以下方法最适合我：

app.service('dataService', function() {

    var _currentData = {};

    return {
        getCurrentData: function(){
            return _currentData;
        },
        setCurrentData: function(input){
            _currentData = input;
        }
    };
});

在需要访问数据的控制器中：

$scope.$watch(function() {
        return dataService.getCurrentData();
    }, function(newValue, oldValue) {
        if (newValue != null) {
            $scope.Data = newValue;
        }
}, true);