each demo in emberjs

components.array-demo-component.js

import Ember from 'ember';

export default Ember.Component.extend({
  
}).reopenClass({positionalParams:['arrayData']});

controllers.application.js

import Ember from 'ember';

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

router.js

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: 'none',
  rootURL: config.rootURL
});

Router.map(function() {
});

export default Router;

routes.index.js

import Ember from 'ember';

export default Ember.Route.extend({
   model(){
        let model = {
            array:[
                {
                    id:1,
                    title:'浙江知墨信息技术有限公司',
                    images:'/assets/img/home/smallt_03.png',
                    status:'Y'
                },
                {
                    id:2,
                    title:'杭州南开日新生物技术有限公司',
                    images:'/assets/img/home/smallt_03.png',
                    status:'N'
                },
                {
                    id:3,
                    title:'长兴华锐机械设备有限公司',
                    images:'/assets/img/home/smallt_03.png',
                    status:'Y'
                },
                {
                    id:4,
                    title:'长兴华锐机械设备有限公司',
                    images:'/assets/img/home/smallt_03.png',
                    status:'Y'
                }
            ],
            version:1.0,
            greeting:'Hello array for each'
        };
         
        return model;
    }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>

<br>
{{outlet}}
<br>
<br>

templates.components.array-demo-component.hbs

<hr>
<h3>array component for each demo</h3>
{{#each arrayData as |it index|}}
    <div>
        <span>loop once {{index}}</span>         
        <p>{{it.title}}</p>
        <p>{{it.id}}</p>
        <br>
    </div>

{{/each}}
{{yield}}

templates.index.hbs

<hr>
{{#each model.array as |it|}}
    <div>
        <span>loop once</span>         
        <p>{{it.title}}</p>
        <p>{{it.id}}</p>
        <br>
    </div>

{{/each}}
<h3>{{model.greeting}}</h3>
{{#array-demo-component model.array}}
{{/array-demo-component}}

twiddle.json

{
  "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": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.12.1"
  }
}