javascript - 如何查看 Handlebars 模板中的所有可用变量

Question

我正在开发我的第一个 Ember.js 应用程序，但在连接所有点时遇到了一些问题。如果我可以在给定的 Handlebars 模板中看到所有可用的变量，那将非常有帮助。

有一个相关的问题，但您必须知道使用它的范围内的变量:
How do I add console.log() JavaScript logic inside of a Handlebars template?

如何输出 全部 变量？

Answer 1

一个不错的选择是使用 Handlebars 帮助器在模板中调试“this”的值:
1.

{{#each}}
    {{log this}}    
{{/each}}

或者，
2.类似于@watson 建议

{{#each}}
    {{debugger}}
{{/each}}

然后在开发工具中深入了解“this”的本地范围变量



或者，3. 您可以直接从 Controller init 方法中记录内容，例如:

App.UsersController = Ember.ArrayController.extend({
    init: function() {
        console.log(this);
        console.log(this.getProperties('.'));
    }
});