3

Angular JS を使用して Chrome 拡張機能を作成しています。サードパーティのサイトから HTML ページを読み込んで解析する必要があります。

Angular JS $resourceを使用すると (これはより良い方法ですか?)、HTML ページのすべての文字がオブジェクトの 1 つのプロパティである奇妙なオブジェクトが得られます。

g {0: "<", 1: "!", 2: "D", 3: "O", 4: "C", 5: "T", 6: "Y", 7: "P", 8: "E", 9: " ", 10: "h", 11: "t", 12: "m", 13: "l", 14: " ", 15: "P", 16: "U", 17: "B", 18: "L", 19: "I", 20: "C", 21: " ", 22: """, 23: "-", 24: "/", 25: "/", 26: "W", 27: "3", 28: "C", 29: "/", 30: "/", 31: "D", 32: "T", 33: "D", 34: " ", 35: "X", 36: "H", 37: "T", 38: "M", 39: "L", 40: " ", 41: "1", 42: ".", 43: "0", 44: " ", 45: "T", 46: "r", 47: "a", 48: "n", 49: "s", 50: "i", 51: "t", 52: "i", 53: "o", 54: "n", 55: "a", 56: "l", 57: "/", 58: "/", 59: "E", 60: "N", 61: """, 62: " ", 63: """, 64: "h", 65: "t", 66: "t", 67: "p", 68: ":", 69: "/", 70: "/", 71: "w", 72: "w", 73: "w", 74: ".", 75: "w", 76: "3", 77: ".", 78: "o", 79: "r", 80: "g", 81: "/", 82: "T", 83: "R", 84: "/", 85: "x", 86: "h", 87: "t", 88: "m", 89: "l", 90: "1", 91: "/", 92: "D", 93: "T", 94: "D", 95: "/", 96: "x", 97: "h", 98: "t", 99: "m"…}

これは私のリソース インターフェイスの定義です。

[...]
factory('search', function($resource) {
    return $resource('http://www.example.net/search/:title');
}).
[...]

これは私がそれを使用する方法です：

var test = search.get({title: 'The King'}, function(data) {
    console.log(data);
});

HTML ページを文字列または DOM ツリーとして受け取り、解析できるようにする方法はありますか?

4

1 に答える 1

3

$resource ではなく $http サービスを使用します。また、そのためだけに余分な $resource スクリプト/依存関係を含めたくないでしょう。

簡単な使い方:

$http.get('path/here').then(function(response) {
  console.log(response.data);
});

優れたアプリケーション アーキテクチャで $http 呼び出しを実装する例: ライブ デモはこちら (クリック)。

var app = angular.module('myApp', []);

app.factory('myService', function($http, $q) {
  return {
    getPage: function(page) {
     var deferred = $q.defer();

     $http.get(page).then(function(response) {
       deferred.resolve(response.data);
     });

     return deferred.promise;
    }
  };
});

app.controller('appCtrl', function($scope, myService) {
  $scope.page = myService.getPage('test');
});
于 2013-09-12T06:16:20.170 に答える