Skip to content

Instantly share code, notes, and snippets.

@phkavitha
Last active November 6, 2015 16:48
Show Gist options
  • Save phkavitha/8cd8554497027e23dbb5 to your computer and use it in GitHub Desktop.
Save phkavitha/8cd8554497027e23dbb5 to your computer and use it in GitHub Desktop.
Stackoverflow
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle',
someData:{
items: [
{
fld1: "fld1-456",
fld2: "fld2-456",
Reasons: [
{reason_id: "53", msg: "Reason 13"},
{reason_id: "34", msg: "Reason 2"}
]
},
{
fld1: "fld1-123",
fld2: "fld2-123",
Reasons: [
{reason_id: "33", msg: "Reason 1"},
{reason_id: "34", msg: "Reason 2"}
]
}
]
},
someOtherData:{
items: [
{
fld1: "fld1-456",
fld2: "fld2-456",
Reasons: [
"Reason - 1",
"Reason - 2"
]
},
{
fld1: "fld1-123",
fld2: "fld2-123",
Reasons: [
"Reason - 3",
"Reason - 4"
]
}
]
}
});
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<table width="50%">
{{#each someData.items as |item|}}
<tr> <!-- This one RENDERS -->
<td width="25%"><span class="boldTxt">{{item.fld1}}</span></td>
<td width="25%">{{item.fld2}}</td>
</tr>
{{#each item.Reasons as |reason|}}
<tr> <!-- This one does not RENDER -->
<td>{{reason.reason_id}}</td>
</tr>
{{/each}}
{{/each}}
</table>
<h2> Another format </h2>
<table width="50%">
{{#each someOtherData.items as |item|}}
<tr> <!-- This one RENDERS -->
<td width="25%"><span class="boldTxt">{{item.fld1}}</span></td>
<td width="25%">{{item.fld2}}</td>
</tr>
{{#each item.Reasons as |reason|}}
<tr> <!-- This one does not RENDER -->
<td>{{reason}}</td>
</tr>
{{/each}}
{{/each}}
</table>
<br>
<br>
{
"version": "0.4.16",
"EmberENV": {
"FEATURES": {}
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.1.0/ember.debug.js",
"ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.1.0/ember-data.js",
"ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.1.0/ember-template-compiler.js"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment