Category: Ember.js

Controller-Daten definieren Bei der Definition von Controller-Daten über den Hook setupController muss unbedingt this._super() verwendet werden, da sonst kein Model gebunden werden kann. export default Ember.Route.extend({ setupController(controller, model) { // Make sure controller and model get initialized this._super(controller, model); controller.set(‘myValue’, ‘foo’); }, // … }  

Über folgenden Befehl kann ein einzelner Test ausgeführt werden: $ ember test —filter=„Filter | Name“  

Loops Keine Einträge Für einen Loop kann in alternativer Inhalt definiert werden, falls keine Einträge vorhanden sind. {{#each person in people}} Hello, {{person.name}}! {{else}} Sorry, nobody is here. {{/each}}  

SCSS $ ember install ember-cli-sass && ember install ember-cli-bootstrap-sassy && echo ‘@import “bootstrap”;’ > ./app/styles/app.scss && rm ./app/styles/app.css  

Definition Attribute Attribut-Zuweisungen werden immer ohne Anführungszeichen geschrieben. <img class=”foo” src={{logoUrl}} alt={{logoAlt}}> (mut)1 Die (mut) Closure-Action kann verwendet werden um Werte direkt, ohne Umweg über einen eigenen Action-Handler im Controller zu speichern. Handler Event Handler Event-Handler für Komponenten Handelt es sich bei der Ember-Komponente um ein einfaches HTML-Element, können dessen Events direkt über das component.js […]

Helpers Als default exportierte Helper besitzen beim Import keinen Importnamen. Deshalb muss beim Schreiben eines Tests auf die Methode .compute() zurück gegriffen werden. import Ember from ‘ember’; export default Ember.Helper.helper(([param1, param2]) => { return …; }); import helper from ‘borrowers/helpers/helper’; import { module, test } from ‘qunit’; module(‘Unit | Helper | helper’); test(‘it works’, function(assert) […]

Model1 Datensatz ausgeben Ember.js Models besitzen eine Methode .toJSON() um die enthaltenen Daten zu erhalten. var friendData = this.modelFor(‘friends/show’).toJSON(); Datensatz im Browser auslesen Im Ember Inspector $E für des Models für die gewünschte Route auswählen. Über die Konsole können jetzt die Daten oder Kind-Models ausgelesen werden. $E.currentModel .get(‘childModel’) // Get child model .createRecord({…}) // Add […]