デスクトップ/モバイルページにいいね!を表示するかどうかをユーザーが選択できるようにしようとしていました。
そして、次のような .hbr でユーザーカスタムフィールドをどのように使用できるか知りたいです。
または、ユーザーフィールドに基づいて条件付きCSSを適用することは可能ですか?
デスクトップ/モバイルページにいいね!を表示するかどうかをユーザーが選択できるようにしようとしていました。
そして、次のような .hbr でユーザーカスタムフィールドをどのように使用できるか知りたいです。
または、ユーザーフィールドに基づいて条件付きCSSを適用することは可能ですか?
調査の結果、hbrファイルはテンプレートに渡された値しか認識できず、計算された値を渡すことはできないため、不可能だと考えられます。
const testComponent = require('discourse/app/raw-views/list/posts-count-column').default;
testComponent.reopen({
user: function() {
return Discourse.User.current()
}.property()
});
repoen() を posts-count-column コンポーネントで使用して、以下の例のように currentUser 値を渡そうとしましたが、エラーが発生しました。おそらく、このメソッドをサポートしているのは一部のコンポーネントのみなのでしょうか?
また、ネストされた hbr に currentUser 値を渡す別の方法を見つけました。トップダウンで上書きし、{{raw "list/posts-count-column" topic=topic tagName="div" **user=user**}} を追加して値を挿入します。
<script type='text/x-handlebars' data-template-name='mobile/list/topic-list-item.raw'>
<script type='text/x-handlebars' data-template-name='list/post-count-or-badges.hbr'>
<script type="text/x-handlebars" data-template-name="list/posts-count-column.hbr">
Ember.js には、ネストされたテンプレートに値を渡すための Vue のような provide/inject 関数はありますか?いくつか検索しましたが、あまり情報が見つかりませんでした。何か提案はありますか?