Je veux utiliser des paramètres personnalisés dans plugin-outlet

Dev
1

Dans mon plugin “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

Je souhaite intégrer les informations des champs utilisateur (user-fields) dans le composant user-info.
Actuellement, dans 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>

Je voudrais préparer des booléens pour déterminer l’affichage ou non de chaque information de champ utilisateur.
À l’avenir, je prévois d’ajouter une case à cocher pour afficher ou masquer ces champs, mais pour l’instant, il s’agit simplement d’un test.

J’ai essayé ce qui suit.
~controllers/my_plugin.js.es6

export default Ember.Controller.extend({
  display_user_field1: true,
  display_user_field2: true,
  display_user_field3: true
});

et j’ai modifié connectors/after-user-name/user_detail.hbs comme suit :

{{#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}}

Dans ce cas, les informations des champs utilisateur ne s’affichent plus.

En conclusion :
Dans plugin-outlet, comment puis-je utiliser les paramètres du contrôleur parent (?) dans plugin-outlet ?

Je pense que je ne comprends pas encore assez bien Ember.
Je serais très heureux de recevoir votre réponse.

1 « J'aime »