Comment charger des partiels / vues / modèles de manière dynamique dans Ember.js

donc j'ai la configuration suivante.

sur la page principale, une liste des générateurs est affichée sur la base d'une liste provenant d'un modèle à l'aide de données de fixture. P>

maintenant quand l'un des générateurs Les liens sont cliqués sur des liens, une nouvelle page est affichée avec certains champs de saisie générés de manière dynamique sur la base de ces données de fixation. p>

jusqu'à ce que tout fonctionne parfaitement. p>

maintenant lorsque je change l'entrée Valeur du champ dans la page génératrice (après avoir sélectionné l'un des générateurs) pour voir les modifications mis à jour dans une sorte de prévisualisation DIV juste en dessous de mes champs de saisie, il est facile. Je peux utiliser {{générateurfields.0.value}} code> pour lier le premier champ de saisie ,.1 ..1., Et ainsi de suite jusqu'à ce que je les lie tous. P>

mais comme vous Peut imaginer, chaque générateur a son propre format et ses propres champs d'entrée, et je souhaite créer un nouveau fichier .HBS pour chacun d'entre eux, puis transmettez ce fichier dans la page génératrice pour afficher l'aperçu. P>

J'ai résolu 0,1% du problème avec une partielle. Dans le fichier generator.hbs, j'ai entré {{partial "générateur-1"}} code> et cette charge mon _generator-3.hbs code> fichier contenant ce {{ générateurfields.0.value}} code> BIND, et ça fonctionne. Mais cette partielle n'est pas dynamique; J'ai besoin de charger une autre partie partielle chaque fois que j'utilise un générateur différent. Comment puis-je réaliser cela? P>

Comment puis-je passer le nom partiel de manière dynamique ou charger un modèle en fonction des données de modèle que j'ai? P>

Le code utilisé jusqu'à présent est ci-dessous:

idex.hbs ressemble à ceci: strong> p>

App.Store = DS.Store.extend({
    revision: 13,
    adapter: 'DS.FixtureAdapter'
});

App.Router.map(function () {
    this.resource('index', { path: '/' });
    this.resource('generator', {path: '/generator/:generator_id'});
});

App.IndexRoute = Ember.Route.extend({
    model: function () {
        return App.Generator.find();
    }
});

App.Generator = DS.Model.extend({
    title: DS.attr('string'),
    templateName:  DS.attr('string'),
    generatorFields: DS.attr('generatorFields')
});


// Fixture data

DS.RESTAdapter.registerTransform('generatorFields', {
    serialize: function(serialized) {
        return Em.none(serialized) ? {} : serialized;
    },
    deserialize: function(deserialized) {
        return Em.none(deserialized) ? {} : deserialized;
    }
});

App.Generator.FIXTURES = [{
    id: 1,
    title: "test 1",
    generatorFields: [
        {id: 1, name: "name 1", value: ""}
    ],
    templateName: "generator-1"
}, {
    id: 2,
    title: "test 2",
    generatorFields: [
        {id: 1, name: "name 1", value: ""},
        {id: 2, name: "name 2", value: ""},
    ],
    templateName: "generator-2"
}];