Ember obj example

emb.js

// --- Controller

App.ApolloExampleController = Ember.ObjectController.extend({
    exampleRender: []
});

// --- Helper, example of something that could happen on click

viewCtx.controller.set('exampleRender', [
    {"a": "this is a1!", "b": "this is b1!"},
    {"a": "this is a2!", "b": "this is b2!"}
]);
$('#myModal').modal('show');

// --- HBS

<div class="container">
    <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">

            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 style="color:red;"><span class="glyphicon glyphicon-lock"></span> Example</h4>
                </div>
                <div class="modal-body">
                    {{#each item in exampleRender}}
                        {{item.a}} | {{item.b}}<br/>
                    {{else}}
                        No Items
                    {{/each}}
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-default btn-default pull-left" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> OK</button>
                </div>
            </div>
        </div>
    </div>
</div>