私は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)....といってもいいですよね?どのような痛み:(
http://blog.angularjs.org/2012/07/introducing-angularjs-batarang.htmlで動画をご覧ください。 Angularをデバッグするには、少なくともJavaScriptの初心者であるにもかかわらずすべてのものを修正することができます。 – stiebitzhofer
一般的なデバッグにはうってつけですが、不幸にも私が説明しているような状況を扱うことはできません。 角度は良いデバッグエラー報告がありません(Batarangはエラー報告のためのものではなく、テンプレート/状態検査用です) – JasonS
私はコンソール上の関数tempValを調べます(ビデオに示されているスコープを選択した後) 。しかし、関数のコードをここに投稿すると助けになるかもしれません。 – stiebitzhofer