問題タブ [ember.js-view]

注: Ember Rails 0.18.2 および ember-source 1.12.1 を使用

奇妙な機能を持つ Ember アプリを継承しました。私は Ember を初めて使用するので、これは正常なのかもしれませんが、奇妙だと思います。

3 つのモデルがあります。

1. 両親
2. ゲーム
3. コメント

保護者がゲームを表示すると、URL は次のようになります。

(スラッグは、親の一意の ID です)。

この URL には、次のコードを含むテンプレートがあります。

上記のボタンをクリックすると、URL が次のように変更されます。

次に、そのゲームのすべてのコメントが表示されます。

ビューからそのボタンを削除し、ゲームごとに自動的にコメントを表示する必要があります。

API は Rails であり、既に API エンドポイントを変更して、Game が (オブジェクトの埋め込み配列として) 要求されると同時にすべてのコメントを返すことができます。

しかし、{{outlet}} を何に置き換えるのでしょうか? 私の理解では、 {{outlet}} は次のルートによりコメント テンプレートに委任されています。

そのルートを削除し、コメントを Game モデル内の埋め込みオブジェクトにする必要があると思います。次に、アウトレットを次のようなものに置き換えますか？

編集

これはルーターです：

ログ（ポッド構造）と言うルートを作成し、controller.js、route.js、およびtemplate.hbsを作成しました

テンプレートで、グリッド コンポーネントを初期化しました。また、カスタム ページネーション コンポーネントに取り組んでいます。

グリッドコンポーネントを初期化すると、ページネーションからページを変更した後に変更されるデータが属性としてあり、ページサイズ、グリッドコンテナに収まる行数を計算したい。また、pageSize を取得することで、totalPages を計算できます。

グリッド コンポーネントで pageSize を計算する機能がありますが、controller.js でその数値が必要です。アクションを送信することでそれを管理し、コントローラーに番号を正常に取得しました。

次に、dataHandler 計算プロパティで、グリッドが表示するデータを計算したいと思います。そこで非推奨エラーが発生し、グリッドには何も表示されません。

非推奨: のプロパティが didInsertElement フック内で変更されました。パフォーマンスが大幅に低下するため、didInsertElement 中にコンポーネント、サービス、またはモデルのプロパティを変更しないでください。[非推奨 ID: ember-views.dispatching-modify-property]

このシナリオは可能ですか？はいの場合、それを行うための最良の方法は何ですか?

私のコードの下：

ログ/controller.js

ログ/template.hbs

私のcomponent.js

私はこのコードを持っており、コントローラーファイルの他の URL にリダイレクトしたいと考えています。Web ブラウザでは問題なく動作しますが、Android や iPhone デバイスでは動作しません。私はブラウザスタックでそれらをテストしています。

ラッパー コンポーネント内でレンダリングされる約 300 のコンポーネントがあり、レンダリングに多くの時間がかかります。しかし、ラッパー コンテナー内でレンダリングするには、何千ものコンポーネントが必要です。コンポーネントのレンダリング中にパフォーマンスの問題なしにこれを達成するにはどうすればよいですか? イメージは、300 個のコンポーネントのレンダリング時間が長すぎることを示しています。