0

現在のタブの URL をリソース サービス {in param} に送信しようとしています。しかし、グローバル tablUrl には var url = "http://[localhost]/getProfile?domain="+tabUrl に値がありません

しかし、次の場所でログに記録されます:

console.log(tabUrl);

これは私のコードです:

var tabUrl;
angular.module('jsonService', ['ngResource'])
.factory('JsonService', function($resource) {
        chrome.tabs.getSelected(null, function(tab) {
        tabUrl = tab.url;
        console.log(tabUrl);
    });
    var url = "http://[localhost]/getProfile?domain="+tabUrl
  return $resource(url,{}, {
    list : {
      method : 'GET',
     cache : true
    }
 });
});

テンプレートバインディング:

  <body ng-controller="extensionCtrl">

これはコントローラーです：

app.controller('extensionCtrl', function($scope , JsonService) {
 JsonService.get(function(data){
   $scope.data = data;
  });
 });
4

1 に答える 1

2

最初: 非推奨のchrome.tabs.getSelectedを使用しないでください。代わりにchrome.tabs.queryを使用してください。

2 番目: chrome.tabs.getSelected/chrome.tabs.queryは非同期です。これは、バックグラウンドで何らかの作業を行っている間も実行が継続され、完了時に指定されたコールバックが呼び出されることを意味します。
したがって、次のような場合:

line 1: chrome.tabs.getSelected(null, funkyCallback);
line 2: var url = ...
line 3: return $resource(...);

...可能な（そして非常に可能性の高い）実行順序は次のとおりです。

1. chrome.tabs.getSelected (starts retrieving the active tab in the background)
2. line 2 gets executed (at this time 'tabURL' is not set yet)
3. line 3 gets executed (returning something)
4. Once the the active tab is retrieved, 'funkyCallback' is called
   (setting 'tabURL' after it is too late).

非同期 API (ほとんどのchrome.* API など) を使用する場合、API 呼び出しの非同期の性質に合わせてスクリプトのロジック全体を変更する必要があります。

たとえば、次のように同じ結果を得ることができます。

HTML:

<html ng-app="jsonService">
    ...
    <body ng-controller="extensionCtrl">
        <p>{{jsonData}}</p>
        ...

JS:

var app = angular.module("jsonService", ["ngResource"]);

app.factory("JsonFactory", function($resource) {
    var url = "http://localhost/getProfile?domain=:tabUrl";
    var retObj = $resource(url, {}, {
        list: {
            method: "GET",
            cache: true
        }
    });
    return retObj;
});

app.controller("extensionCtrl", function($q, $rootScope, JsonFactory) {
    chrome.tabs.query({ active: true }, function(tabs) {
        JsonFactory.list({ tabUrl: tabs[0].url }, function(data) {
            // On success...
            $rootScope.jsonData = data;
        }, function(data) {
            // On error...
            $rootScope.jsonData = "Error using JsonFactory.list(...) !";
        });
    });
});

また、同様の非同期処理を行うこの短いデモも参照してください。

于 2013-10-30T13:52:36.790 に答える