Meteor: Benutzerdefinierte Autoform mit Array von Objekten

Question

Ich habe eine SimpleSchema, die eine Reihe von Objekten umfassen:

Things.attachSchema(new SimpleSchema({ 
    name: { 
     type: String, 
     label: "Name", 
     max: 50 
    }, 
    fields: { 
     type: [Object], 
    }, 
    fields.$.name: { 
     type: String 
    }, 
    fields.$.amount: { 
     type: Number 
    } 
})) 

Ich versuche, benutzerdefiniertes Formular erstellen Verwendung von afEachArrayItem machen, aber ich kann nicht herausfinden, wie um auf die Attribute jedes Objekts innerhalb des Arrays zu verweisen.

Meine Vorlage sieht wie folgt aus (mit html gezupft):

{{#autoForm collection="things" id="myForm" }} 
    {{> afQuickField name='schemaName'}} 

    {{#afEachArrayItem name="fields"}} 

     {{> afFieldInput name="name"} 
     {{> afFieldInput name="amount"} 

    {{/afEachArrayItem}} 

{{/autoForm}} 

Was "name" in den afFieldInputs weitergegeben werden sollte?

this.current 

So zu beheben, um das oben genannte Beispiel, Verwendung:

Answer 1

Um die Felder der Objekte innerhalb des Arrays zuzugreifen, können Sie verwenden

{{#autoForm collection="things" id="myForm" }} 
    {{> afQuickField name='schemaName'}} 

    {{#afEachArrayItem name="fields"}} 

     {{> afFieldInput name=this.current.name}} 
     {{> afFieldInput name=this.current.amount}} 

    {{/afEachArrayItem}} 

{{/autoForm}} 

Ich weiß nicht, ob dies ist die richtige Weise, dies zu tun, aber es scheint zu funktionieren.

Answer 2

Sie können Schaltflächen hinzufügen hinzufügen/entfernen Sie die Array-Elemente wie so:

{{#autoForm collection="things" id="myForm" }} 
    {{> afQuickField name='schemaName'}} 

    {{#afEachArrayItem name="fields"}} 

     <button type="button" class="btn btn-primary autoform-remove-item"><span class="glyphicon glyphicon-minus"></span></button> 
     {{> afFieldInput name=this.current.name}} 
     {{> afFieldInput name=this.current.amount}} 

    {{/afEachArrayItem}} 
    <button type="button" class="btn btn-primary autoform-add-item" data-autoform-field="fields"><span class="glyphicon glyphicon-plus"></span></button> 

{{/autoForm}} 

Dies ist die eingebaute Tasten und Symbole für Autoform verwenden, so fühlen sich frei, um die HTML nach Bedarf zu ändern.