我正在使用从服务器获取的JSON文件来配置我的网站,并告诉每个页面它的标题是什么。 JSON文件如下所示:
[{"route": "student", "title": "Student Info Page"}, {"route": "payments", "title": "Payments and Pricing"}, {"route": "policy", "title": "Mine"}, {"route": "biography", "title": "About Me"}]
这段代码用于创建一个导航栏:
App.MenuController = Ember.ArrayController.create();
$.get('config.json', function(data) {
App.MenuController.set('content', data);
});
然后在模板中使用:
{{#each App.MenuController}}
{{#varLink route this}}{{title}}{{/varLink}}
{{/each}}
到目前为止,一切都很顺利。
那么我的问题是:我想以编程方式使用此 JSON 对象确定应存在哪些路由,从而完成使用 App.Router.map
的路由映射。
我该如何做呢?我已经在文档中搜索过,并尝试了以下方法:
$.get('config.json', function(data) {
App.MenuController.set('content', data);
for (var i = 0; i < data.length; i++) {
App.Router.map(function(){
var r = data[i].route;
console.log(r);
this.route(r);
});
}
});
这将生成以下控制台输出:
student app.js:9
payments app.js:9
policy app.js:9
biography app.js:9
Assertion failed: The attempt to linkTo route 'student' failed. The router did not find 'student' in its possible routes: 'index' ember.js:361
Uncaught Error: There is no route named student.index ember.js:23900