小さなRailsアプリを使用してEmberJSで比較的基本的なクライアント側のセットアップを実行しようとしています。これまでに2つのことがあります。
- 販売用の本を投稿するためのフォーム(実際にはまだ作成されていません)
- 書籍の検索ページ。(これもホームページにしたい)。
最初のものは正常にロードされます。アプリケーションテンプレートのリンクをクリックすると、フォームが期待どおりに読み込まれます。
しかし、2番目はそうではありません。リンクをクリックして検索ページを表示すると、件名エラーがポップアップ表示されます。これが私がこれまでに持っているコードです:
<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);
リンク自体は正常にレンダリングされます。しかし、クリックするとエラーメッセージが表示され、何も表示されません。何か案は?