Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ember.js/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t访问由组件包装的输入_Javascript_Ember.js_Handlebars.js - Fatal编程技术网

Javascript Can';t访问由组件包装的输入

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

我有一个模态作为组件,在组件内部有一些输入。需要访问这些输入的操作在我的组件中定义,但根本无法访问它们

有什么想法吗

admin-modal.hbs:

    <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">&times;</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上测试了它,并且它成功地通过了这个属性…是的,但是一旦我使用了公共名称,它就工作了。。