Question

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

任何想法？

管理员-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>

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}}

Answer 1

这应该可以解决问题，你只需要绑定值，因为组件是隔离的：

{{#admin-modal inputTitle=inputTitle id="modNewCat" title="Kategorie hinzufügen" submit="newCat"}}

无法访问由组件包装的输入

1 个答案: