View components.my-pokemon.js
import Ember from 'ember';
export default Ember.Component.extend({
init() {
this._super(...arguments);
this.name = 'Pikachu';
},
pokemon: Ember.computed('name', function() {
let url = `https://pokeapi.co/api/v2/pokemon/${this.get('name')}`.toLowerCase();
View components.my-pokemon.js
import Ember from 'ember';
export default Ember.Component.extend({
init() {
this._super(...arguments);
this.name = 'Pikachu';
},
pokemon: Ember.computed('name', function() {
let url = `https://pokeapi.co/api/v2/pokemon/${this.get('name')}`.toLowerCase();
View controllers.application.js
import Ember from 'ember';
export default Ember.Controller.extend({
init() {
this._super(...arguments);
this.set('items', []);
Ember.run.later(() => this.set('items', [1]), 1000);
},
toString() {
View controllers.application.js
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
init() {
this._super(...arguments);
this.set('items', []);
window.x = this;
},
length: Ember.comptued.readOnly('items.length'),
View controllers.application.js
import Ember from 'ember';
export default Ember.Controller.extend({
init() {
this._super(...arguments);
this.a = 1;
this.b = 0.5;
},
abs: Ember.computed('a', 'b', function() {
View application.controller.js
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
View application.controller.js
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle',
actions: {
updateValue(value) {
this.set('output', value);
}
}
View component.js
import Ember from 'ember';
export default Ember.Component.extend({
didInsertElement() {
this._super(...arguments);
// * if a computed property is never consumed, it will not be "active"
// * observers observe "active" things
// in most scenarios, computed properties are consumed often by templates (thereby typically observers appear to work without a manual kick)
// since this CP is not consumed naturally (it is essentially being consumed by a non-ember thing), we must give it a kick.
View application.controller.js
import Ember from 'ember';
export default Ember.Controller.extend({
elements: [
{name: "Uranium"},
{name: "Plutonium"},
{name: "Francium"},
{name: "Einstanium"}
],
searchQuery: ''
View application.controller.js
import Ember from 'ember';
let lastId = 0;
export default Ember.Controller.extend({
rootItems: Ember.computed.filter('owner.items', function(item) {
return item.get('parent.content') === null;
}).property('owner.items.@each.parent'),
owner: Ember.computed(function() {