指令不起作用 - 调试步骤？

Question

What are steps on debugging angular directives?

I've directive in HTML and it's JS definition.

I can set breakpoint on directive definition, and script stops there on load, showing fact that directive was loaded.

I can enable logging by setting

app.config([ "$logProvider", function ($logProvider) {
    $logProvider.debugEnabled(true);
});

Sometimes it shows useful error messages.

But all that is not enough, often directive is just not being processed at HTML at all, and no log messages appear.

How do one test that directive is actually loaded (for example, by chrome console)?

And where should one look to completly check directive processing pipeline for bugs?

Answer 1

您可以尝试使用ng-inspector插件进行谷歌浏览器调试。