Ember Starter Kit

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.1.2.js"></script>
<script src="http://builds.emberjs.com/tags/v1.2.0/ember.min.js"></script>
<script type="text/x-handlebars">
   {{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">
   <table class="table table-striped table-condensed">
   	<thead>
   		<tr>
   			<th>Participant</th>
   		</tr>
   	</thead>
   	<tbody id="ParticipantList">
    
  
    
   		{{#each person in model}}
   			<tr>
   				<td> {{person.name}}</td>
   				<td> {{person.city}}</td>
          
					 {{#if person.status}}
           
           
				<td>  True</td>
					{{else}}
            	<td>  False</td>
               {{/if}}
   			</tr>
   		{{/each}}
   	</tbody>
   </table>
</script>

CSS

/* Put your CSS here */
 html, body {
    margin: 20px;
}

JavaScript

App = Ember.Application.create();

App.Router.map(function () {
    // put your routes here
});

App.IndexRoute = Ember.Route.extend({
    model: function () {
        return [{
		"name": "John",
		"city": "New York",
		"status": 'false'
	},
	{
		"name": "SAAA",
		"city": "California",
		"status": 'true'
	},
	{
		"name": "Vignesh",
		"city": "India",
		"status": 'false'
	}
]
    }
});

App.IndexController = Ember.Controller.extend({
    
    actions :
    {
    		removeUser:function(name){
    				var model = this.get("model").filter(function(obj){
            		return obj.name!=name;
            });
            this.set("model",model);
        }
    }
});