Google Chrome開発ツールを使用してAngularJSのコンテキストでHTMLコードにブレークポイントを設定するにはどうすればよいですか？

<button ng-click="round.won=true" ng-class="{'active':round.won && !adjustedYesNo}" class="button button-outline">Gewonnen</button>

、と呼ばれてきた機能ボタンをクリックするとngのクリックイベントを発射したどのファイルにしています。

Google Chrome Developer Toolでブレークポイントをng-click="round.won=true"の隣に設定すると、関連するJavascript-function /ファイルにジャンプする方法が分かりますか？

2016-05-04 Joey

できません。 '$ scope.adjustedYesNo'のようなプロジェクトディレクトリ全体を検索することをお勧めします。なぜなら、これらのプロパティはどこかで' $ scope'に存在しなければならないからです。 JSを追跡すると、それをデバッグするだけです。 – lux

HTMLコードにブレークポイントを設定することはできません。あなたのコードは、以下のようなものだった場合は：

HTML

<button ng-click="winRound()" ng-class="{'active':round.won && !adjustedYesNo}" class="button button-outline">Gewonnen</button>

コントローラ

app.controller(function($scope) { 
    $scope.winRound = function() { 
    $scope.round.win = true; 
    } 
});

次に、winRound関数内でブレークポイントを設定している可能性がの中に JSファイル。しかし、あなたのJSコード（コントローラ）が別のJSファイルの場所であり、HTMLのscriptタグの中ではないことを確認してください。

2016-05-04 21:00:51

答えて