GCheung55

import Controller from '@ember/controller';

export default Controller.extend({
  appName: 'Ember Twiddle',
  
  queryParams: [
    // The query param `user-id` will update the computed property `userId`.
    { 'user-id': 'userId' }
  ],
  

GCheung55

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

GCheung55

import Ember from 'ember';
import { computed } from '@ember/object';

export default Ember.Component.extend({
  myProp: computed({
    // Returns a default value when the component isn't given a myProp property.
    get() { return 'No Prop'; },
    
    // Returns a default value if val is undefined.
  	set(key, val) { return val === undefined ? 'No Prop' : val; }

GCheung55

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

GCheung55

import ConsumerComponent from 'ember-provider-consumer';
import MyProviderComponent from './my-provider-component';

export default ConsumerComponent.extend({
  providerComponent: MyProviderComponent
});

GCheung55

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  arr: [1, 2, 3],
  
  actions: {
  	sort() {
      this.set('arr', this.get('arr').sort());

GCheung55

import Ember from 'ember';
import EmberObject, { computed, get } from '@ember/object';

export DateLogs = Ember.Object.extend({
  model: null,

  foodLogs: computed('model.foodLogs', function() {
    return get(this, 'model.foodLogs')
  }),

GCheung55

import Ember from 'ember';
import ProviderComponent from './provider-component';
import { computed } from '@ember/object';

export default Ember.Component.extend({
  tagName: '',
  provider: computed(function() {
    // Need to figure out another way because nearestOfType has a deprecation:
    // use `yield` and contextual components for composition instead
  	return this.nearestOfType(ProviderComponent);

GCheung55

import Ember from 'ember';
import { get } from '@ember/object';

export default Ember.Component.extend({
  onChange: null,

  actions: {
  	valueChange() {
    	const onChange = get(this, 'onChange');
      console.log('linear-input', this, onChange);

GCheung55

import Ember from 'ember';
import { inject as service } from '@ember/service';
import { alias } from '@ember/object/computed';

export default Ember.Controller.extend({
  mobileView: service(),
  
  appName: 'Ember Twiddle',
  
  queryParams: [ 'webview' ],