2013-02-07 5 views
5

私はjavascriptのnoobで角度を覚えようとしています。AngularJSの型変換エラーをデバッグする方法は?

私はこのようないくつかの単純なangularJSコードがあります:バグが十分に簡単です

<div ng-controller="todoController"> 
    <span> temp = {{tempVal()}} </span> 
</div> 

を、tempValは、文字列、ではない方法です。

私の問題(および質問)は、デバッグ時にこの事実をどのように発見するのですか?

TypeError: string is not a function 
at http://localhost:6202/lib/angular-1.0.4/angular.js:6213:13 
at Object.$interpolate.fn (http://localhost:6202/lib/angular-1.0.4/angular.js:4829:22) 
at Object.watchExpression (http://localhost:6202/AddSomeControl/index.html:416:29) 
at Object.Scope.$digest (http://localhost:6202/lib/angular-1.0.4/angular.js:7783:38) 
at Object.Scope.$apply (http://localhost:6202/lib/angular-1.0.4/angular.js:7991:24) 
at Object.$delegate.__proto__.$apply (http://localhost:6202/AddSomeControl/index.html:500:30) 
at http://localhost:6202/lib/angular-1.0.4/angular.js:932:13 
at Object.invoke (http://localhost:6202/lib/angular-1.0.4/angular.js:2813:25) 
at bootstrap (http://localhost:6202/lib/angular-1.0.4/angular.js:930:12) 
at angularInit (http://localhost:6202/lib/angular-1.0.4/angular.js:906:5) angular.js:5601 

私は複雑で、これらのツールを使用して、どのように把握しようとこだわっている:

しかし私が得るすべては、不可解なスタックトレースがあり、私はChromeを使用していますし、Batarang拡張機能がインストールされていますアプリケーションでは、私は、エラーがその周辺のどこかにあることを発見することができましたtempVal()行。

エラーがログに記録されているときにブレークポイントを設定しようとしましたが、コールスタックを検索して、$ get.Scope。$ digestでキャッチされた例外を参照してください。 $ id)、それがクラッシュした "watcher"(this.length)、前に完成したhtml要素(this.value)....といってもいいですよね?どのような痛み:(

+0

http://blog.angularjs.org/2012/07/introducing-angularjs-batarang.htmlで動画をご覧ください。 Angularをデバッグするには、少なくともJavaScriptの初心者であるにもかかわらずすべてのものを修正することができます。 – stiebitzhofer

+0

一般的なデバッグにはうってつけですが、不幸にも私が説明しているような状況を扱うことはできません。 角度は良いデバッグエラー報告がありません(Batarangはエラー報告のためのものではなく、テンプレート/状態検査用です) – JasonS

+0

私はコンソール上の関数tempValを調べます(ビデオに示されているスコープを選択した後) 。しかし、関数のコードをここに投稿すると助けになるかもしれません。 – stiebitzhofer

答えて

5

答えは、残念ながら、あなたはエラーのこのクラスをデバッグすることができないということです。

だけでなく、あなたは、それを呼び出してすることができ、「角度のコンパイラ/ VMおよびデバッグを学ぶこと」

これらのタイプの使用エラーの開発者向けのラッピングはありません。

+1

人々が角度のあるチームの反応を見て、おそらく助けてくれるように簡単に参照できるようにする:https://github.com/angular/angular.js/issues/1974 – basarat

+0

問題を言及してくれてありがとう、申し訳ありません、私はリンクを自分でポストバックしませんでした! – JasonS

関連する問題