Javascript ember js实现后网站未呈现

背景

我正在尝试使用

ember.js

及其依赖项构建博客。基本上，我在左侧显示“导航栏”，内容显示在右侧。比如：

左侧不移动，而右侧不移动；此外，左侧还有指向各种页面的链接

问题

我正在使用

ember.js

实现到帖子的链接，并将帖子呈现到博客内容端。目前，我的实现没有呈现任何内容。代码如下：

App=Ember.Application.create（{}）；
var员额=[{
id:'0'，
标题：'标题和标题'，
作者：{name:'author'}，
日期：新日期（“2014年11月15日”），
内容：“工作和工作。”
},{
id:'1'，
标题：“Rails是Omakase”，
作者：{name:“d2h”}，
日期：新日期（“2012年12月27日”），
摘录：“这个世界上有很多按单点菜的软件环境。要想吃东西，你必须先仔细查看菜单上的选项，才能准确地点你想要的。”，
正文："我想把它用于我的ORM，我想把它用于我的模板语言，让我们用这个路由库来结束它。当然，你必须知道你想要什么，如果你总是订购同样的东西，你的视野很少会扩大，但事实就是如此。这是一种非常流行的软件消费方式。\n\n Rails不是这样的。Rails是omakase。“
}, {
id:'2'，
标题：“谈判信”，
作者：{name:“d2h”}，
日期：新日期（“2012年12月24日”），
摘录：“我的[出现在Ruby Rogues播客上](http://rubyrogues.com/056-rr-david-heinemeier-hansson/)最近在私人谈判邮件列表上再次出现讨论。”，
正文：“提出了一长串的主题，我花了一段时间对它们进行了全面的讨论。很抱歉没有花时间让它们更简洁，但至少每个主题都有一个标题，这样你就可以跳过你不关心的东西。\n\n\n\n\n说我不关心可维护性是不对的。我仍然在研究世界上最古老的Rails应用程序。”
}];
/*
这将加载模板要采用的列表
*/
App.ApplicationRoute=Ember.Route.extend({
模型：函数（）{
返回岗位；
}
});
App.Router.map（函数（）{
资源（'post'，{path:'/posts/:post_id'}）；
});
App.PostRoute=Ember.Route.extend({
型号：功能（参数）{
返回帖子[参数post_id]；
}
});
/*一些小变量*/
App.name=“博客名”；
App.tag=“tag”；
App.stub=“stub”

@导入url(https://fonts.googleapis.com/css?family=Lato:300italic，700斜体，300700）；
身体{
填充：50px；
字体：14px/1.5拉托，“Helvetica Neue”，Helvetica，Arial，无衬线；
颜色：#777；
字体大小：300；
}
h1、h2、h3、h4、h5、h6{
颜色：#222；
利润率：0.20px；
}
p、 ul、ol、表格、pre、dl{
利润率：0.20px；
}
h1，h2，h3{
线高：1.1；
}
h1{
字号：28px；
}
氢{
颜色：#393939；
}
h3，h4，h5，h6{
颜色：#494949；
}
a{
颜色：#39c；
字体大小：400；
文字装饰：无；
}
小{
字体大小：11px；
颜色：#777；
边缘顶部：-0.6em；
显示：块；
}
.包装纸{
宽度：860px；
保证金：0自动；
}
大宗报价{
左边框：1px实心#e5；
保证金：0；
填充：0 20px；
字体：斜体；
}
代码，预{
字体系列：摩纳哥，比特流Vera Sans Mono，Lucida控制台，终端；
颜色：#333；
字体大小：12px；
}
前{
填充：8px 15px；
背景：#f8f8；
边界半径：5px；
边框：1px实心#e5；
溢出-x：自动；
}
桌子{
宽度：100%；
边界塌陷：塌陷；
}
th，td{
文本对齐：左对齐；
填充物：5px10px；
边框底部：1px实心#e5；
}
dt{
颜色：#444；
字号：700；
}
th{
颜色：#444；
}
img{
最大宽度：100%；
}
标题{
宽度：270px；
浮动：左；
位置：固定；
}
标题ul{
列表样式：无；
高度：40px；
填充：0；
背景：#eee；
背景：-莫兹线性梯度（顶部，#F8F8 0%，#DDDD 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%、#F8F8）、颜色停止（100%、#DDDD））；
背景：-webkit线性梯度（顶部，#F80%，#DDDD 100%）；
背景：-o-线性梯度（顶部，#F8F8 0%，#DDDD 100%）；
背景：-ms线性梯度（顶部，#F8 0%，#DDDD 100%）；
背景：线性梯度（顶部，#F80%，#DDDD 100%）；
边界半径：5px；
边框：1px实心#D2D2D2D2；
盒影：插图#fff 0 1px 0，插图rgba（0,0,0,0.03）0-1px 0；
宽度：270px；
}
头李{
列表样式类型：无；
}
标题ul a{
线高：1；
字体大小：11px；
颜色：#999；
显示：块；
文本对齐：居中；
填充顶部：6px；
高度：40px；
}
强壮的{
颜色：#222；
字号：700；
}
标题ul li+li{
宽度：88px；
左边框：1px实心#fff；
}
标题ul li+li+li{
边界权：无；
宽度：89px；
}
头球有力{
字体大小：14px；
显示：块；
颜色：#222；
}
部分{
宽度：500px；
浮动：对；
填充底部：50px；
}
小的{
字体大小：11px；
}
人力资源{
边界：0；
背景：#e5；
高度：1px；
利润率：0.20px；
}
页脚{
宽度：270px；
浮动：左；
位置：固定；
底部：50px；
}
@介质打印、屏幕和屏幕（最大宽度：960像素）{
分区包装器{
宽度：自动；
保证金：0；
}
页眉、节、页脚{
浮动：无；
位置：静态；
宽度：自动；
}
标题{
右边填充：320px；
}
部分{
边框：1px实心#e5；
边框宽度：1px0；
填充：20px0；
利润率：0.20px；
}
头一小{
显示：内联；
}
标题ul{
位置：绝对位置；
右：50px；
顶部：52px；
}
}
@介质打印、屏幕和屏幕（最大宽度：720px）{
身体{
单词包装：打断单词；
}
标题{
填充：0；
}
标题ul，标题p.视图{
位置：静态；
}
预编码{
换字：正常；
}
}
@介质打印、屏幕和屏幕（最大宽度：480px）{
身体{
填充：15px；
}
标题ul{
this.resource("posts", {path: "/posts"}, function(){
    this.resource("post", {path: "/:post_id"});
});

this.resource("index", {path: "/"}, function() {});

{{#each post in model}}
    <li> {{#link-to "post" post}} {{post.title}} {{/link-to}}</li>
{{/each}}