Javascript 绑定ember生成的elementId,ember+;自举崩溃
我试图使用Javascript 绑定ember生成的elementId,ember+;自举崩溃,javascript,twitter-bootstrap,ember.js,Javascript,Twitter Bootstrap,Ember.js,我试图使用Ember.View 我找不到绑定视图id的方法, 把手 我不想手动设置id,而是想使用余烬生成的id,这有什么原因不起作用吗?collapseContentView是一个视图类(extend),在实例化它(create)之前不会有elementId) 在模板中,如果执行将创建视图新实例的{{view view.collapseContentView},但不会更改view.collapseContentView的值,则它仍然是一个类,因此view.collapseContentVie
Ember.View
我找不到绑定视图id的方法,把手
我不想手动设置id,而是想使用余烬生成的id,这有什么原因不起作用吗?
collapseContentView
是一个视图类(extend
),在实例化它(create
)之前不会有elementId
)
在模板中,如果执行将创建视图新实例的{{view view.collapseContentView}
,但不会更改view.collapseContentView
的值,则它仍然是一个类,因此view.collapseContentView.elementId
将没有意义
我建议使用,这是一种以编程方式控制视图的好方法。下面是一个使用容器视图处理两个视图之间的事件的示例。如果您可以组合一个JSFIDLE,那么会容易得多。查看代码,我认为您需要使
contentId
属性依赖于collapseContentView.elementId
。我很快就会提出一个问题,我认为该依赖性导致了“超过了最大调用堆栈大小”错误,这就是我删除它的原因…正是扩展的问题&当我尝试Ember.View.create()时我不能使用{{view.myView}}我需要做一个append()在这种情况下我想,containerView就是我一直在寻找的东西谢谢:)
<button type="button" class="btn btn-danger" data-toggle="collapse" {{bindAttr data-target="view.contentId"}}>
simple collapsible
</button>
{{view view.collapseContentView class="collapse in"}}
App.CollapseView = Ember.View.extend({
templateName: 'collapse',
collapseContentView: Ember.View.extend({
template: Ember.Handlebars.compile("Collapse body text")
}),
contentId: function(){
return "#"+this.get('collapseContentView.elementId')
}.property()
})