5

Pod 構造を使用するように Ember アプリをセットアップしました。メインページに表示する topbar-nav コンポーネントを作成しました。topbar-nav コンポーネントでページ タイトルを設定しました。これは、ルートごとに自動的に設定したいので、ダッシュボードルートの場合はタイトルを Dashboard に、ダッシュボード/カテゴリの場合はタイトルをカテゴリにする必要があります。

ここに私のアプリの構造があります:

  • アプリ
    • 応用
    • コンポーネント
      • トップバーナビゲーション
    • ダッシュボード
    • カテゴリー

アプリ ルーター - router.js

import Ember from 'ember';
import config from './config/environment';

var Router = Ember.Router.extend({
  location: config.locationType
});

Router.map(function() {
  this.route('dashboard', function() {
    this.route('categories');
  });
});

export default Router;

そしてテンプレート:

アプリケーション/template.hbs

<aside>
    {{sidebar-nav}}
</aside>

<main>
    <header>
        {{topbar-nav}}
    </header>

    {{outlet}}
</main>

components/topbar-nav/template.hbs

<nav class="topbar-nav">
    <div class="text-center">
        <h5 class="page-title">{{title}}</h5>
    </div>
</nav>

{{yield}}

コンポーネント/トップバー-nav/component.js

import Ember from 'ember';

export default Ember.Component.extend({
    title: 'Component title'
});

すでにおわかりのように、レンダリングされるタイトルは「コンポーネント タイトル」です。

私が今得た最も正確な答えはこれです：

Ember ダイナミック タイトル

さまざまなアプローチを試した後、良い解決策を見つけることができませんでした。

これを行うクリーンで簡単な方法はありますか？どんなアイデアや解決策も大歓迎です。

4

2 に答える 2

0

ember-page-title は ember-cli-document-title よりも優れているようです (より良い docs+api)

于 2018-03-30T07:13:10.730 に答える