yoga1290/NestedDynamicSegments.css

## NestedDynamicSegments.css
body {
  font-family: Helvetica, Arial, sans-serif;
}


## NestedDynamicSegments.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>

  <script type="text/x-handlebars" data-template-name="index">
  {{#linkTo "post" 0}}
     1st post
  {{/linkTo}}
  <br>
  {{#linkTo "post" 1}}
     2nd post
  {{/linkTo}}

  {{!outlet}}
  </script>

  <script type="text/x-handlebars" data-template-name="post">
data={{text}}
{{#link-to 'post.edit' this}} Edit {{/link-to}}

<br>
{{outlet}}
  </script>

  <script type="text/x-handlebars" data-template-name="post/edit">

{{textarea value=text }}
<br> w/out Ember.TextArea helper:<br>
<textarea>{{text}}</textarea>
  </script>


</body>
</html>

## NestedDynamicSegments.js
App = Ember.Application.create({
  LOG_TRANSITIONS: true});

App.Router.map(function() {
  this.resource('post', { path: ':postId' },function(){
    this.route('edit');
  });
});


App.myArray=[
    {
      text:"My 1st post"
    },
    {
      text:"My 2nd post1"
    }];

App.PostRoute = Ember.Route.extend({
  model: function(params) {
    return App.myArray[params.postId];
  }
});
	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.js"></script>
	<script src="http://builds.emberjs.com/ember-latest.js"></script>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>

	<script type="text/x-handlebars" data-template-name="index">
	{{#linkTo "post" 0}}
	1st post
	{{/linkTo}}
	<br>
	{{#linkTo "post" 1}}
	2nd post
	{{/linkTo}}

	{{!outlet}}
	</script>

	<script type="text/x-handlebars" data-template-name="post">
	data={{text}}
	{{#link-to 'post.edit' this}} Edit {{/link-to}}

	<br>
	{{outlet}}
	</script>

	<script type="text/x-handlebars" data-template-name="post/edit">

	{{textarea value=text }}
	<br> w/out Ember.TextArea helper:<br>
	<textarea>{{text}}</textarea>
	</script>


	</body>
	</html>
	App = Ember.Application.create({
	LOG_TRANSITIONS: true});

	App.Router.map(function() {
	this.resource('post', { path: ':postId' },function(){
	this.route('edit');
	});
	});


	App.myArray=[
	{
	text:"My 1st post"
	},
	{
	text:"My 2nd post1"
	}];

	App.PostRoute = Ember.Route.extend({
	model: function(params) {
	return App.myArray[params.postId];
	}
	});