AngularJS内の評価されたJavaScriptをどのようにデバッグできますか？

Question

私は、次のメソッドを介して実行されるいくつかの任意のJavaScriptコードがあります。

1. javascriptのeval関数にコード列を結果としてAJAX呼び出し
2. パスを介してクライアントのブラウザにそれをダウンロードします。

注：私は/ダウンロードコードが特定の範囲内で実行する必要があるため<script>さんにsrcプロパティをそのファイルのURLを追加することで、コードを実行することはできません。

Google Chromeでこのコードをデバッグします。 AngularJSを使用しているときではなく、プレーンなJavascriptを使用してこれを行うことができます。これをどうすれば解決できますか？

例1（プレーンJS、私はcode.jsを検査するためのオプションを与えています）：

var codeToRun = "" 
+"var a = 1;\n" 
+"var b = 2;\n" 
+"This line will fail\n" 
+"//@ sourceURL=code.js"; 

eval(codeToRun); 

結果：http://i.imgur.com/3LL9xi7.png
デモ：https://jsfiddle.net/AlexLeung/mpjrwmbm/

例2（AngularJS、私は検査するオプションが与えられていないですcode.js）：

var codeToRun = "" 
+"var a = 1;\n" 
+"var b = 2;\n" 
+"This line will fail\n" 
+"//@ sourceURL=code.js"; 

angular.module("myApp", []) 
.controller("myController", function($scope) { 
    eval(codeToRun); 
}); 

結果：http://i.imgur.com/x7lZcUf.png
デモ：http://jsfiddle.net/oeoaep0o/

Answer 1

無名関数ではなく名前付き関数を使用してください。例えば：

var codeToRun = "var a = 1; console.log(a) //@ sourceURL=foo.js"; 
 

 
function evaler() 
 
    { 
 
    eval(codeToRun); 
 
    } 
 

 
angular.module("foo", []).run(evaler);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="foo"></div>

参照

• Named versus Anonymous Functions: Angular Style Guide

• sourceURL and displayName in action: Eval and anonymous functions