在ember中访问Controller的根html标记

Question

以下搜索整个DOM树，而不是我想要的。

$('input.js-search')

在Backbone中，我可以做到这一点。

this.$('input.js-search')

这告诉jquery根据当前Backbone View的根html元素进行搜索。 因此，如果同一时间在屏幕上有10个实例，则每次返回的实例只有一个，而不是10个（即属于该视图的实例）。

我如何在Ember中通过Controller执行类似的操作？

Answer 1

你不能 至少并非没有不安全地访问许多私有/受保护的成员变量的情况。 即使您想要这样做，它仍然无法解决您的问题。

因此，如果同一时间在屏幕上有10个实例，则每次返回的实例只有一个，而不是10个（即属于该视图的实例）。

控制器可以具有多个视图，因此即使存在与this.$()等效的视图，也无法解决您的问题。

只有视图可以直接访问其DOM内容，因此您必须执行视图中所需的任何逻辑（可以访问其控制器）。 视图具有$属性，因此您可以完全按照描述进行操作，并使用this.$(selector)遍历其DOM树。

Answer 2

并且，视图通常与每个控制器关联。 所以，如果你想对你的工作FooController ，创建一个FooView和做的工作有。 重要的是要注意，只有在调用didInsertElement之前，元素才会在页面中。

App.IndexView = Ember.View.extend({
  gitterDone: function(){
    this.$('button').addClass('coolButton');
  }.on('didInsertElement')
});