Skip to content

Instantly share code, notes, and snippets.

@Serabe
Forked from Kerrick/controllers.application.js
Last active September 29, 2018 00:01
Show Gist options
  • Save Serabe/63f5290e898dfeee90f7266ce01af5ef to your computer and use it in GitHub Desktop.
Save Serabe/63f5290e898dfeee90f7266ce01af5ef to your computer and use it in GitHub Desktop.
Updated
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
foos: ['hello', 'goodbye', 'maybe'],
bar: 'maybe'
});
import Ember from 'ember';
export function eq([a,b]/*, hash*/) {
return a===b;
}
export default Ember.Helper.helper(eq);
option[selected] {
color: red;
font-size: 2em;
text-transform: uppercase;
font-style: italic;
font-family: monospace;
}
Option for first select:
{{input value=bar}}<br>
<select>
<option disabled>--Select One--</option>
{{#each foos as |foo|}}
<option selected={{eq foo bar}}>{{foo}}</option>
{{/each}}
</select>
<select>
<option disabled>--Select One--</option>
{{#each foos as |foo index|}}
<option selected={{if index false true}}>{{foo}}</option>
{{/each}}
</select>
<select>
<option disabled>--Select One--</option>
{{#each foos as |foo|}}
<option selected={{true}}>{{foo}}</option>
{{/each}}
</select>
<select>
<option disabled>--Select One--</option>
{{#each foos as |foo|}}
<option selected>{{foo}}</option>
{{/each}}
</select>
<select>
<option disabled>--Select One--</option>
<option>hello</option>
<option selected>goodbye</option>
<option>maybe</option>
</select>
{
"version": "0.12.1",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "3.4.0",
"ember-template-compiler": "3.4.0"
},
"addons": {
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment