EmberJS嵌套的资源模板不起作用
EmberJS Nested resource templates not working
我有一个Ember应用程序,它没有为嵌套资源的路由加载模板。我很确定我遗漏了一些非常明显的东西,但我不知道问题是什么。
每当我去http://localhost:4200/dashboard/appointments/new
时,我都会得到一张空白页。
这是我的router.js
文件:
import Ember from 'ember';
import config from './config/environment';
var Router = Ember.Router.extend({
location: config.locationType
});
Router.map(function() {
this.route('signup', { path: '/register' });
this.route('login', { path: '/login' });
this.route('logout', { path: '/logout' });
this.resource('user', { path: '/dashboard' }, function() {
this.resource('appointment', { path: '/appointments' }, function() {
this.route('new', { path: '/new' });
});
this.resource('item', { path: '/items' }, function() {});
});
});
export default Router;
这是我的目录结构:
|__app.js
|__controllers
| |__login.js
|__router.js
|__routes
| |__application.js
| |__login.js
| |__logout.js
| |__signup.js
| |__user
| | |__appointment
| | | |__new.js
| | |__appointment.js
| | |__item.js
| |__user.js
|__templates
| |__application.hbs
| |__components
| |__login.hbs
| |__logout.hbs
| |__partials
| |__signup.hbs
| |__user
| | |__appointment
| | | |__new.hbs
| | |__appointment.hbs
| | |__item.hbs
| |__user.hbs
我确保(在templates
目录中),我的user.hbs
文件和user/appointment.hbs
文件都有{{outlet}}
。我检查了控制台,URL工作正常(没有URLNotFound错误)。唯一的问题是我在templates/user/appointment/new
中的模板没有被加载。现在所有其他模板都是空的,其中包含{{outlet}}
。
有什么想法吗?真的很感谢你的帮助!
考虑到您当前的路由结构,您需要新的约会模板位于templates/appointment/new
。
JSBin
另一种自行调试的方法是使用Ember Inspector插件。转到您试图找出的URL,转到检查器的"路线"部分,选中该框以将您看到的内容限制为当前路线,然后在模板列下查看它要查找的模板。在您的案例中,它表示正在appointment/new
中查找模板。
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- 监视函数从服务返回不起作用,但作用域函数起作用
- 幻灯片滚动javascript不起作用
- 简单的javascript在Shopify中不起作用
- Recaptcha在IE7和IE8中不起作用
- Ember Data DS.Model's set函数不起作用
- JsFiddle上的鼠标事件不起作用
- 我的AngularJS表达式没有'不起作用
- Angularjs 跨源资源共享 (CORS) 发布或放置方法在 IE8 和 IE9 中不起作用
- Angular资源对我的代码不起作用
- EmberJS嵌套的资源模板不起作用
- 角度资源的缓存根本不起作用
- Ng-重复在资源查询后不更新 - $apply() 不起作用
- 具有资源视图的完整日历在 ASP.NET MVC 中不起作用,加载时 - 0x800a01bd - javaScript
- asp.net:资源 .resx 文件中的换行符 不起作用
- JSFiddle 外部资源不起作用
- Wicket:资源路径听起来不起作用
- 当从Laravel中的资源控制器访问视图时,Vue.js中的$http.get不起作用
- Jira小工具:对REST资源的简单调用;不起作用
- XPages运行时优化的Javascript和CSS资源不起作用