问题描述
我遇到一个奇怪的问题。我有一个文章模板。在文章模板中,我调用了一个 {{rendercategory / newcategory}}
。 新的类别通过一个动作使用错误的模型。当我将它更改为 {{rendercategory / newthis}}
它使用文章模型。
模板:
< script type =text / x-handlebarsdata-template-name =article>
((...))
{{rendercategory / newcategory}} //调用弹出窗口添加新类别
((...))
< / script>
<! - 弹出式窗口 - >
< script type =text / x-handlebarsdata-template-name =category / new>
< div class =popup>
< h2>添加新类别< / h2>
名称:{{input type =textvalue = name}}< br />
图片:{{view App.UploadFile name =imagefile = image}}< img {{bind-attr src = image}}>< br />
Category-parent:{{input value = categoryRelation}}< br />
< button {{action'saveCategory'}}>保存< / button>
< / div>
< / script>
路由器:
//两个路由都有调用的render,它使用相同的模板
this.resource('article',{path:'/ article /:id'} );
this.resource('article.new',{path:/ article / new});
模型:
App.Category = DS.Model.extend({
name:DS.attr('string'),
image:DS.attr(' string'),
categoryRelation:DS.belongsTo('category')
});
App.Article = DS.Model.extend({
name:DS.attr('string'),
category:DS.hasMany('category')
)};
控制器:
pre>
App.CategoryNewController = Ember.ObjectController.extend({
actions:{
saveCategory:function(){
console.log('类别新控件saveCategory动作'); //被调用
console.log(this.get('model')); //错误的一个
this.get('model')。 //使用{{rendercategory / newcategory}}保存所有类别
}
}
});
请注意,没有类别/新的路由,因为{{render }}助手。请参阅:(参见页面底部的表格)
在文章中,类别
是一个 has-many
,所以你设置的模型是 CategoryNewController
到类别
的数组(除非您在用户单击新的时候省略了创建类别
对象的部分或某事。)
I ran in a strange issue. I have an Article template. Within the article template I call a {{render "category/new" category}}
.
However when saving the new Category trough an action the wrong model is used. When I change it to {{render "category/new" this}}
it uses the Article model. When I leave the model part empty it does also not work.
The Template:
<script type="text/x-handlebars" data-template-name="article">
((...))
{{render "category/new" category}} // calls the popup for adding a new category
((...))
</script>
<!-- popups -->
<script type="text/x-handlebars" data-template-name="category/new">
<div class="popup">
<h2>Add new category</h2>
Name: {{input type="text" value=name}}<br />
Image: {{view App.UploadFile name="image" file=image }}<img {{bind-attr src=image}}><br />
Category-parent: {{input value=categoryRelation}}<br />
<button {{action 'saveCategory'}}>Save</button>
</div>
</script>
The Router:
// both routes have the render called, it uses the same template
this.resource('article', {path: '/article/:id'});
this.resource('article.new', {path: "/article/new"});
The Model:
App.Category = DS.Model.extend({
name: DS.attr('string'),
image: DS.attr('string'),
categoryRelation: DS.belongsTo('category')
});
App.Article = DS.Model.extend({
name: DS.attr('string'),
category: DS.hasMany('category')
)};
The Controller:
App.CategoryNewController = Ember.ObjectController.extend({
actions: {
saveCategory: function () {
console.log('CategoryNewController saveCategory action'); // gets called
console.log(this.get('model')); // the wrong one
this.get('model').save(); // saves all categories when using {{render "category/new" category}}
}
}
});
Please note, there is no route for Category/new because it is not needed for the {{render}} helper. See: http://emberjs.com/guides/templates/rendering-with-helpers/#toc_specific (see table at the bottom of the page)
On Article, category
is a has-many
, so you are setting the model of CategoryNewController
to an array of Category
(unless you've left out a part that creates a Category
object when the user clicks new or something.)
这篇关于Ember.js {{render}}助手模型未正确设置的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!