Javascript Can';t访问由组件包装的输入
我有一个模态作为组件,在组件内部有一些输入。需要访问这些输入的操作在我的组件中定义,但根本无法访问它们 有什么想法吗 admin-modal.hbs:Javascript Can';t访问由组件包装的输入,javascript,ember.js,handlebars.js,Javascript,Ember.js,Handlebars.js,我有一个模态作为组件,在组件内部有一些输入。需要访问这些输入的操作在我的组件中定义,但根本无法访问它们 有什么想法吗 admin-modal.hbs: <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="cl
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">{{title}}</h4>
</div>
<div class="modal-body">
{{yield}}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">{{btnCancel}}</button>
<button {{action "submit" inputTitle}} type="button" class="btn btn-primary">{{btnSave}}</button>
</div>
</div>
</div>
&时代;
{{title}}
{{yield}}
{{btnCancel}}
{{btnSave}}
index.hbs:
{{#admin-modal id="modNewCat" title="Kategorie hinzufügen" submit="newCat"}}
<form>
<div class="form-group">
{{input type="text" class="form-control" id="form.inputTitle" value=inputTitle placeholder="Kategorie Name"}}
</div>
<div class="form-group">
<textarea type="text" class="form-control" id="inputDesc" name="inputDesc" placeholder="Kategorie Beschreibung"></textarea>
</div>
<div class="form-group">
<div class="input-group cp">
{{input type="text" value="" class="form-control" id="inputColor" value="form.inputColor" placeholder="Kategorie Farbe" }}
<span class="input-group-addon"><i></i></span>
</div>
</div>
</form>
{{/admin-modal}}
{{{#admin modal id=“modNewCat”title=“Kategorie hinzufügen”submit=“newCat”}
{{input type=“text”class=“form control”id=“form.inputTitle”value=inputTitle placeholder=“Kategorie Name”}
{{input type=“text”value=”“class=“form control”id=“inputColor”value=“form.inputColor”placeholder=“Kategorie Farbe”}
{{/admin modal}}
这应该可以做到,您只需要绑定值,因为组件是隔离的:
{{#admin-modal inputTitle=inputTitle id="modNewCat" title="Kategorie hinzufügen" submit="newCat"}}
不幸的是,正如我发布的链接所示,这两个上下文无法直接交互。您必须从输入向上发送操作,然后将数据向下传递到组件。它看起来非常迂回,但这是一个很好的实践(和设计)。但是仍然无法从我的组件中的包围表单访问它。。但是操作:{{action“submit”inputtille}}现在正在工作,对吗?我已经在Ember 1.11上测试了它,并且它成功地通过了这个属性…是的,但是一旦我使用了公共名称,它就工作了。。