Wie man Lenker Vorlage in Controller importieren und in eine andere Lenker-Vorlage einfügen

Question

Es tut mir leid, wenn diese Frage albern ist. Ich habe angefangen, mit ember js am Frontend zu arbeiten und ich liebe es. Ich bin an einem Punkt fest, wo ich eine Lenkervorlage in Ember js Controller importieren und an Div.

So, wie man eine Lenkstangenschablone in die Steuerung importiert und sie füllt und in eine andere Lenkstangenschablone legt.

Hier ist mein Controller:

import Ember from 'ember'; 

export default Ember.Controller.extend({ 

    actions: { 
    search: function() { 
      alert("done"); 
      } 
    } 

}); 

hier ist die Vorlage Lenker:

<table class="table table-striped"> 
    <thead> 
    <tr> 
     <th>Name</th> 
     <th>Mark</th> 
     <th>Subject</th> 
    </tr> 
    </thead> 
    <tbody> 
    {{#each students}} 
    <tr> 
     <td>{{ this.name }}</td> 
     <td>{{ this.mark }}</td> 
     <td>{{ this.subject }}</td> 
    </tr> 
    {{/each}} 
    </tbody> 
</table> 

ich den Code auf Github und URL veröffentlicht wird: https://github.com/focode/emberjs2/tree/master/app

Answer 1

Sie bevölkern nicht eine Vorlage von der Steuerung. Sie verwenden es direkt aus der Vorlage.

Dafür haben Sie grundsätzlich zwei Möglichkeiten. Der bevorzugte Weg ist die Verwendung einer Komponente. Beachten Sie jedoch, dass Sie dadurch einen neuen, isolierten Kontext erhalten. Die andere Möglichkeit besteht darin, die partial helper zu verwenden, die eine Vorlage im aktuellen Kontext rendert.

Answer 2

Mein Vorschlag ist, das offizielle Tutorial erneut zu lesen. Im Lernprogramm sehen Sie, dass der Controller selten verwendet wird.

Wenn Sie einen Router mit ember-cli erzeugen, ember g route routeName die entsprechen Vorlage unter Vorlagenordner erzeugt routeName.hbs in der Vorlage genannt wird, gibt es einen Tag mit dem Namen {{outlet}} das ist, wo die verschachtelte Vorlage geht.

Zum Beispiel erzeugt eine verschachtelte Route ember g route routeName/nestedOne verwenden, die Sie mit einer anderen Vorlage nestedOne.hbs innerhalb template/routeName/nestedOne.hbs genannt gibt, die tatsächlich geht innerhalb der {{outlet}} in den privouse Vorlage erzeugt routeName.hbs.

Ember Verwendung Konvention über Konfiguration, so dass Sie nicht manuell eine Vorlage importieren müssen.

Empfehlen Sie ein Anfänger-Tutorial, das viel abdeckt. Es ist kostenlos und update (letzte Aktualisierung ist Ende 2016).

https://leanpub.com/ember-cli-101