Bootstrap Modal中的输入不可编辑

Question

我创建了一个带有输入文本的bootstrap模式，如下图所示。输入集中于点击（有时），但是当我尝试输入文本时，没有任何反应。 我正在使用角度4，在我的项目结构中我有一个组件，它有另一个模态对话框 - 输入工作正常，但该组件的子项具有此模态（附加到显示的文档正文）和输入是不可编辑的。

你知道为什么会这样吗？

由于

模态代码：

<div class="modal fade" id="boardDetailsModal">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title">Edit timeline</h4>
        </div>
        <div class="modal-body">
            <input type="text">
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary" (click)="saveTimeline()">Save</button>
            <button type="button" class="btn btn-default" (click)="close()">Close</button>
        </div>
    </div>
</div>
</div>

显示模态的代码：

ngAfterViewInit() {
    let self = this;
    self.element.appendTo("body").modal('show');
}

Answer 1

我认为你有一个小错字。

将您的输入更改为：

<input type="text" />

注意正斜杠。