在呈现所有DOM元素后,控制器或路由器中是否有要调用的钩子?

路由和控制器没有任何后渲染挂钩

• https://www.emberjs.com/api/ember/release/classes/Controller
• https://www.emberjs.com/api/ember/release/classes/Route

afterRender https://github.com/emberjs/ember-render-modifiers (或将一项行动约束于 did-insert )

因此,在模板中:

<BindButtonsToHideParagraphs />

然后在该组件内部:

export default class BindButtonsToHideParagraphs extends Component {
  didInsertElement() {
    document).ready(function(){
      $("button").click(function(){
        $("p").hide();
      });
  }
}

不过,根据您提供的jQuery,我强烈建议您在按钮上使用正常操作,并使用条件if/else来显示/隐藏 p 标签。

看起来是这样的:

<button {{action 'toggleParagraph'}}>click me</button>

{{#if this.showParagraph}}
  <p>text</p>
{{/if}}

export default class SomeComponent extends Component {
  @action
  toggleParagraph() {
    this.set('showParagraph', !this.showParagraph);
  }
}

https://github.com/rwjblue/sparkles-component

<button {{action this.toggleParagraph}}>click me</button>

{{#if this.showParagraph}}
  <p>text</p>
{{/if}}

export default class SomeComponent extends Component {
  @tracked showParagraph = true;

  toggleParagraph() {
    this.showParagraph = !this.showParagraph;
  }
}