Quero usar parâmetros personalizados em plugin-outlet

Dev
1

No meu plugin “SearchUserWithUserFilelds”.

~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

Gostaria de incluir as informações dos campos de usuário no componente user-info.
Atualmente,
em 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>

Quero preparar um valor booleano que determine se cada informação de UserFieldsInformation deve ser exibida ou não.
No futuro, vou fornecer uma caixa de seleção para mostrar ou ocultar. Mas, por enquanto, isso é apenas um teste.

Tentei o seguinte.
~controllers/my_plugin.js.es6

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

e reescrevi 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}}

Neste momento, as informações de UserFieldsInformation não são mais exibidas.

Em conclusão.
No plugin-outlet, como posso usar o parâmetro do controlador pai (?) no plugin-outlet?

Acho que não entendo Ember o suficiente.
Ficarei muito feliz em receber sua resposta.

1 curtida