Ember.js LENKER if, else Anweisung

Ich hoffe jemand kann erklären, was ich falsch mache hier. Ich bin mit Ember.js mit LENKER Vorlagen, habe ich versucht eine Reihe von Möglichkeiten, um LENKER #wenn andere für mich arbeiten, aber es gibt immer sowohl der Inhalt der if und else.. Hier der code, den ich derzeit benutze.

App.js:

App = Ember.Application.create({
  selectedView: "Home",
  IsHome: function() {
    this.get('selectedView') === 'Home'
}.property('selectedView')

});

index.html der Kopf enthält:

<script type="text/x-handlebars" data-template-name="home-view">
      Hello, This is the home view.
</script>
<script type="text/x-handlebars" data-template-name="edit-account">
      Hello, This is the account edit view.
</script>

und in den Körper:

<script type="text/x-handlebars">
{{#if App.IsHome}}
   {{view HomeView}}
{{else}}
  {{view editAccountView}}
{{/if}}
</script>

Endet dies zeigen sowohl Ansichten in den Körper der Seite. Jede Beratung wird geschätzt,

Dank
Steve

Ich vergaß hinzuzufügen, die Ansicht Erklärungen in App.js: var homeView = Ember.Blick.create({ templateName: "home-Ansicht'}).appendTo('#rechts'); var editAccountView = Ember.Blick.create({ templateName: 'Bearbeiten-Konto', }).appendTo(#richtige);
Nehmen Blick auf ember-routing-und-Auslass und Helfer

InformationsquelleAutor SBignell | 2012-07-08

  1. 5

    Der wesentliche Grund für dein problem ist der LENKER view Helfer ( {{view MyView}} erwartet einen parameter path, um eine Ember "Klasse", nicht eine Instanz einer Klasse. Erstellen Sie eine view-Klasse verwenden, die extend Methode der Ember.View. Der LENKER view Helfer wird instanziieren der view-Klasse, und fügen Sie es auf das Dokument für Sie.

    Siehe diesen Beitrag für mehr Informationen über die Glut-Objekt-Modell und die Unterschiede zwischen Ember extend und create Methoden: http://ember-object-model.notlong.com.

    Hier ist dein Beispiel mit ein paar änderungen zu korrigieren, die Punkte, die ich oben gemacht. http://jsfiddle.net/ethan_selzer/kcjzw/217/

    Grüße,

    Ethan

    Danke für die Antwort Jungs! Ok mit Ethans Vorschlag, den ich kann sehen, es funktioniert im IE/FF, aber für einige ungerade Grund, warum die Ausgabe leer in Chrom. Jedenfalls habe ich noch Probleme, ich glaube, ich bin etwas fehlt einfach.. irgendwelche Ideen? Dieses Beispiel gibt nur die else-Anweisung, aber sieht für mich zu imitieren Ethan ' s Vorschlag.. jsfiddle.net/sbignell/tjQ9s
    Eigentlich habe ich gerade fest.. ich habe nicht die isHome-Funktion ganz Recht, vielen Dank Ethan, deine Lösung funktioniert und ich werde werfen Sie einen Blick auf die Dokumentation zu.
    Cool, ich bin froh, Sie haben es zu arbeiten. Neben der Dokumentation, die in emberjs.com, github-wiki hat eine Link-Seite mit einigen hilfreichen Artikel und Beispiele.

    InformationsquelleAutor Ethan Selzer

  2. 2

    Weil Sie anfügen beiden Ansichten (homeView und editAccountView) manuell mit appendTo.

    Vermeiden Sie auch definieren von Ansichten innerhalb der App create() Funktion. Deshalb erstellen Sie Ihre App:

    App = Ember.Application.create({
  ready: function() {
    App.MainView.create().append();
  }
});

    wo App.MainView ist die top-level-Sicht definiert durch:

    App.MainView = Ember.View.extend({
  templateName: 'main-view',

  selectedView: "Home",
  isHome: function() {
    this.get('selectedView') === 'Home'
  },

  homeView: Ember.View.extend({ 
    templateName: 'home-view'
  }),

  editAccountView: Ember.View.extend({ 
    templateName: 'edit-account'
  })
});

    mit dem LENKER Vorlage:

    <script type="text/x-handlebars" data-template-name="main-view">
  {{#if view.isHome}}
     {{view view.homeView}}
  {{else}}
    {{view view.editAccountView}}
  {{/if}}
</script>

    InformationsquelleAutor Panagiotis Panagi

Schreibe einen Kommentar