プラグインのアウトレットでカスタムパラメータを使用したい

開発
1

私のプラグイン「SearchUserWithUserFields」についてです。

~javascript/template/my_plugin.hbs

<div id="search-result" class="search-result">
    {{#each filtered_users as |user|}}
      {{user-info user=user}}
    {{/each}}
  </div>

image
image990×200 7.38 KB

user-info 内に user-fields の情報を表示させたいと考えています。
現状、connectors/after-user-name/user_detail.hbs には以下のようなコードがあります。

<div class="search-detail">{{user.user_fields1}}</div>
<div class="search-detail">{{user.user_fields2}}</div>
<div class="search-detail">{{user.user_fields3}}</div>

各 UserFieldsInformation の表示・非表示を制御する Boolean 値を用意したいです。
将来的にはチェックボックスで表示・非表示を切り替えられるようにする予定ですが、今はテスト段階です。

以下のように試してみました。
~controllers/my_plugin.js.es6

export default Ember.Controller.extend({
  display_user_filed1:true,
  display_user_filed1:true,
  display_user_filed1:true
});

そして connectors/after-user-name/user_detail.hbs を以下のように書き換えました。

{{#if display_user_field1}}<div class="search-detail">{{user.user_fields1}}</div>{{/if}}
{{#if display_user_field2}}<div class="search-detail">{{user.user_fields2}}</div>{{/if}}
{{#if display_user_field3}}<div class="search-detail">{{user.user_fields3}}</div>{{/if}}

しかし、この状態では UserFieldsInformation が表示されなくなってしまいました。

結論として、plugin-outlet 内で親コントローラー(?)のパラメータをどのように使用すればよいでしょうか？

Ember の仕組みを十分に理解できていないのだと思います。
ご回答いただければ大変嬉しく思います。

「いいね！」 1