[英]Nested Routing Error Ember.JS and Rails
我有一個ember-rails應用程序,其中包含服務器表以及指向每個服務器的鏈接。
這是主要的servers.handlebars
文件:
<table id="box-table-a">
<thead>
<th>Name</th>
<th>Operating System</th>
<th>Build Stage</th>
</thead>
<tbody>
{{#each server in controller}}
<tr>
<td>
{{#link-to 'server' server}}
{{server.name}}
{{/link-to}}
</td>
<td>{{server.operating_system}}</td>
<td>{{server.build_stage}}</td>
</tr>
{{/each}}
</tbody>
</table>
{{outlet}}
它將創建適當的表,如預期的那樣。 當將鼠標懸停在服務器名稱上時,我將在瀏覽器的左下角收到網址: #/servers/1
, #/servers/2
,等等
但是,當我單擊指向單個服務器的鏈接時,不會呈現服務器模板。 這是我的server.handlebars
文件:
<div>
<h2> {{name}} </h2>
<h2> {{operating_system}} </h2>
<h2> {{build_stage}} </h2>
</div>
以下是我的server.js.coffee
文件,位於javascripts / models文件夾中:
Warthog.Server = DS.Model.extend
name: DS.attr('string')
operating_system: DS.attr('string')
build_stage: DS.attr('string')
我的serversRoute.js.coffee
文件:
Warthog.ServersRoute = Ember.Route.extend
model: -> @store.find('server')
我的serverRoutes.js.coffee
文件:
Warthog.ServerRoute = Ember.Route.extend
model: (params) ->
@store.find('server', params.server_id)
最后是router.js.coffee
文件
Warthog.Router.map ->
@resource "servers", ->
@resource "server", path: "/:server_id", ->
@route "edit"
@route "create"
請注意,Chrome中的ember工具箱未顯示任何路線,並且僅在嘗試導航到單個服務器時在控制台中引發錯誤。 下面是錯誤。
event.returnValue is deprecated. Please use the standard event.preventDefault() instead. jquery.js?body=1:5387
Ember Debugger Active VM3178:391
DEPRECATION: Action handlers contained in an `events` object are deprecated in favor of putting them in an `actions` object (error on <Ember.Route:ember430>)
at Object.triggerEvent (http://testdomain.warthog.dev/assets/ember.js?body=1:30519:13)
at trigger (http://testdomain.warthog.dev/assets/ember.js?body=1:29641:16)
at handlerEnteredOrUpdated (http://testdomain.warthog.dev/assets/ember.js?body=1:29537:11)
at http://testdomain.warthog.dev/assets/ember.js?body=1:29512:9
at eachHandler (http://testdomain.warthog.dev/assets/ember.js?body=1:29559:9)
at setupContexts (http://testdomain.warthog.dev/assets/ember.js?body=1:29511:7)
at finalizeTransition (http://testdomain.warthog.dev/assets/ember.js?body=1:29835:7)
at transitionSuccess (http://testdomain.warthog.dev/assets/ember.js?body=1:29732:13)
at invokeCallback (http://testdomain.warthog.dev/assets/ember.js?body=1:8055:19) ember.js?body=1:394
Error while loading route: TypeError {} ember.js?body=1:394
Uncaught TypeError: Object function () {
var Class = makeCtor(), proto;
Class.ClassMixin = Mixin.create(this.ClassMixin);
Class.PrototypeMixin = Mixin.create(this.PrototypeMixin);
Class.ClassMixin.ownerConstructor = Class;
Class.PrototypeMixin.ownerConstructor = Class;
reopen.apply(Class.PrototypeMixin, arguments);
Class.superclass = this;
Class.__super__ = this.prototype;
proto = Class.prototype = o_create(this.prototype);
proto.constructor = Class;
generateGuid(proto, 'ember');
meta(proto).proto = proto; // this will disable observers on prototype
Class.ClassMixin.apply(Class);
return Class;
} has no method 'create'
短
當使用余燼咖啡時,這是一個常見錯誤,可能是您使用SomeEmberObject.extend
而不是SomeEmberObject.extend()
。
長
當您使用不帶參數的Foo = SomeEmberObject.extend
,coffee會生成以下代碼:
var Foo;
// Foo is a reference to extend, this is not what we want
Foo = SomeEmberObject.extend;
因為Foo
只是擴展的參考,所以在Foo.create()
時,它與SomeEmberObject.extend.create()
相同,並且會拋出當前錯誤。
觀察:即使您沒有在代碼中直接調用create,也沒有使用您聲明的類,並且在執行依賴注入時調用create。
使用args時,extendly函數會正確調用:
Foo = SomeEmberObject.extend
message: 'hello'
產生:
var Foo;
// ok
Foo = SomeEmberObject.extend({
message: 'hello'
});
因此,您需要在代碼中替換聲明為Foo = SomeEmberObject.extend
類,將其替換為Foo = SomeEmberObject.extend()
。
例如:
// wrong
Warthog.ServerController = Ember.ObjectController.extend
// correct
Warthog.ServerController = Ember.ObjectController.extend()
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.