angle.elementを使用して$ IDでスコープオブジェクトを取得

Question

角度アプリのコードを編集する権限がないため、角度アプリから角度のないスクリプトにデータを渡す必要があります。

Chrome用のAngular BatarangとNG-Inspectorの拡張機能を使用すると、私は引き出しが必要なJSONオブジェクトを見ることができますが、開始方法が失われています。例えば

は、角度Batarangに、オブジェクトは次のようになります。

$id=5 
name: "listing" 
keys: 
    0: "alpha" 
    1: "beta" 
alpha: 
    user: "test" 
    userID: "12345" 
beta: 
    address: "555 Elm St" 
    phone: 555.555.5555 

私の最初に考えたのは、私がangular.elementを使用してそれをつかむことができましたが、私は、任意の成功を持っていませんでした。

Answer 1

あなたは、範囲がバインドされている要素を特定し、その要素を選択して、angular.elementで範囲を取得することができます。 .scope()

<div ng-app="app" ng-controller="ctrl" id="stuff"></div> 

<button onclick="getStuff()">get stuff</button> 

---

var app = angular.module('app', []).controller('ctrl', function($scope) { 
    $scope.inside = { 'name': 'guy', 'idk': 'blah' } 
}); 

var getStuff = function() { 
    var outside = angular.element(document.getElementById('stuff')).scope(); 
    console.log(outside.inside) // retrieved "outside" of AngularJS 
} 

JSFiddle Exampleに、具体的には、以下の例を観察し、この範囲は要素<div id="stuff"></div>に添付されたコールを想定 - デモ