尝试使用带有小型 Rails 应用程序的 EmberJS 进行一些相对基本的客户端设置。到目前为止,我有两件事:
- 发布一本书待售的表格(实际上还没有创建它)
- 搜索书籍页面。(希望这也成为主页)。
第一个加载很好。当我单击应用程序模板中的链接时,表单会按预期加载。
但是第二个没有。当我单击链接查看搜索页面时,会弹出主题错误。这是我到目前为止的代码:
<script type="text/x-handlebars">
<div class="nav">
{{#linkTo "index_search"}}Home{{/linkTo}}
{{#linkTo sale_records.new}}Post a book for sale{{/linkTo}}
</div>
<div class="container">
{{outlet}}
</div>
</script>
Javascript:
// router.js
(function() {
LocalBookFinder.Router.map(function() {
this.resource("sale_records", { path: "/sale_records" }, function() {
this.route('new');
});
this.route("index_search", { path: "/search" });
});
LocalBookFinder.NewSalesRecordRoute = Ember.Route.extend({
model: function() {
return new LocalBookFinder.SaleRecord();
},
setupController: function(controller, model) {
}
});
LocalBookFinder.IndexSearchRoute = Ember.Route.extend({
setupController: function(controller, model) {
}
});
}).call(this);
// controllers/search/index_search_controller.js
(function() {
LocalBookFinder.IndexSearchController = Ember.ObjectController.extend({
});
}).call(this);
// views/search/index_search_view.js
(function() {
LocalBookFinder.IndexSearchView = Ember.View.create({
templateName: "search/index"
});
}).call(this);
链接本身呈现良好。但是,一旦我单击它,我就会收到错误消息,并且什么也没有呈现。有任何想法吗?