특정 페이지에만 HTML 주입하기

개발
2

좋은 질문입니다. 걱정하지 마세요! 이렇게 하면 됩니다:

import Component from "@glimmer/component";
import { service } from "@ember/service";
import { apiInitializer } from "discourse/lib/api";
import { defaultHomepage } from "discourse/lib/utilities";

class HomepageOnly extends Component {
  @service router;

  get shouldShow() {
    return this.router.currentRouteName === `discovery.${defaultHomepage()}`;
  }

  <template>
    {{#if this.shouldShow}}
      <div>
        html stuff
      </div>
    {{/if}}
  </template>
}

export default apiInitializer((api) => {
  api.renderInOutlet("above-main-container", HomepageOnly);
});

이 코드는 router 서비스와 defaultHomepage 유틸리티를 사용하여 현재 사용자가 홈페이지에 있는지 확인하는 새로운 컴포넌트를 생성합니다. 그런 다음 해당 컴포넌트가 아웃렛(outlet)에 렌더링됩니다.

여기에 조금 더 자세한 정보가 있습니다: Add custom content that only appears on your homepage