mattmazzola

<link rel="import" href="../google-map/google-map.html">
<link rel="import" href="../speech-mic/speech-mic.html">
<link rel="import" href="../google-map/google-map-directions.html">
<link rel="import" href="../core-input/core-input.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {

mattmazzola

using System;
using System.Collections.Generic;
using System.Configuration;
using System.Linq;
using System.Net.Http;
using System.Text.RegularExpressions;
using System.Threading;
using System.Threading.Tasks;
using System.Web;
using System.Web.Cors;

mattmazzola

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  
  things: [
    { id: 1, name: 'a' },
    { id: 2, name: 'b' },
    { id: 3, name: 'c' }
  ]

mattmazzola

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  selectedItem: null,
  things: [
    { name: 'a' },
    { name: 'b' },
    { name: 'c' }
  ],

mattmazzola

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    amountChanged() {
      const expense = this.get(this, 'expense');
      //this.sendAction('update', expense); <-- Typo? Should be 'ammountChanged' instead of 'update'
      
      // Everything works in the twiddle, but I think the names were changed in the article.
      // The first argument to sendAction should be the name of the action

mattmazzola

class Controller {
  $scope: ng.IScope;
  $timeout: ng.ITimeoutService;
  MyService: MyService;
  
  static $inject = [
    '$scope',
    '$timeout',
    'MyService'

mattmazzola

class Controller {
  $element: ng.IAugmentedJQuery;
  $scope: ng.IScope;
  $timeout: ng.ITimeoutService;
  MyService: MyService;
  
  static $inject = [
    '$scope',
    '$element',
    '$attrs',

mattmazzola

import Ember from 'ember';

export default Ember.Component.extend({
  
  didRender() {
    if(this.validateAttributes()) {
      this.embed(this.$());
    }
  },
  

mattmazzola

import Ember from 'ember';

const {
  observer
} = Ember;

export default Ember.Component.extend({
  thing: null,
  
  optionsObserver: observer('thing.{prop3}', function () {

mattmazzola

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  filterPaneEnabled: false,
  filterPaneEnabled2: false,

  actions: {
    form2submitted() {
      console.log('form 2 submitted');