nommer dynamiquement plusieurs emplacements dans la vue aurelia

Question

Dans Aurelia, j'ai créé un élément personnalisé qui interagit comme un conteneur. Ce conteneur crée des éléments ui autour des nœuds enfants.

Ces éléments personnalisés peuvent être utilisés dans une vue comme suit:

<wizard-container ref="container"> 
    <wizard-step title="Step 1" view-model="step1"></wizard-step> 
    <wizard-step title="Step 2" view-model="step2"></wizard-step> 
    <wizard-step title="Step 3" view-model="step3"></wizard-step> 
</wizard-container> 

Dans la wizard-container classe je lis sur eux tous les enfants comme cette @children('wizard-step') steps = []; et la boucle dans le modèle:

... 
<div class="step" repeat.for="step of steps"> 
    <slot name="step-${$index}"><p>slot-${$index}</p></slot> 
</div> 
... 

Le Le problème est que les slots ne vont pas être créés.

Je suis pas non plus en mesure d'ajouter un élément à ces emplacements comme celui-ci

<template slot="slot-${idx}"> 
    <p>hello world</p> 
</template> 

Selon cette blog post de mai 2016 à la liaison de données attribut emplacement name et à l'attribut slot ne fonctionne pas.

Est-ce que quelqu'un sait si c'est maintenant possible ou a une idée pour une solution de contournement?

Answer 1

Cela n'est malheureusement pas possible avec les emplacements. Il est peu probable que cela soit possible en raison des limitations de la spécification DOM Shadow.

Vous pouvez regarder pièces de rechange pour voir si elle peut faire ce que vous devez faire: http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/cheat-sheet/9

Faites défiler un peu et vous verrez quelques informations sur les pièces remplaçables. Cela étant dit, je ne suis pas sûr que cela fonctionnera pour vous. Je n'ai jamais essayé d'utiliser des parties de modèles nommées dynamiquement.