自分で作成したプラグイン内に、ネストされたページ(パス)と、その特定のネストされたページのスコープに制限されたコントローラーを作成したいと考えています。
参考として、以下の Ember.js のページを使用しました。
export default function () {
this.route('root_path', {path: '/root_path'}, function () {
this.route('test_nested', {path: '/test_nested'});
});
}
現在、
templates/root_path/test_nested.hbs
というファイルがあり、問題なく読み込まれ、root_path.hbs のアウトレットに正しく表示されています。
問題は対応するコントローラーです。
controllers/root_path/test_path.js.es6 を作成しましたが、どうやら読み込まれていないようです。
(テスト用に以下のコードを記述しました)
controllers/root_path/test_nested.js.es6
export default Ember.Controller.extend({
test_num: 0
});
templates/root_path/test_nested.hbs
test
test_num:{{test_num}}
routes/root_path/test_nested.js.es6
何も記述していません。
test_nested のコントローラーを配置する場所が間違っているのではないかと考えています。いくつかの場所を試しましたが、どれも機能しません。
適切な設定方法をご教示いただければ幸いです。
もしスコープ制限されたコントローラーを使用できない場合は、root_path のコントローラーを使用したいと考えています。
(理想的な解決策ではありませんが)