如何使 angular-xeditable 使用 bootstrap-3 表单样式？

Question

以下是示例： https://vitalets.github.io/angular-xeditable/#editable-form

有几个问题：

1. 编辑时，将输入放在'<span>'中
2. 它没有添加“form-control”类

如何使 angular-xeditable 与 bootstrap-3 形式一起工作？

Answer 1

首先，将“e-class”属性添加到可编辑文本元素。

<p class="form-control-static" editable-text="user.name" e-name="name" e-class="form-control" onbeforesave="checkName($data)" e-required>{{ user.name || 'empty' }}</p>

二、添加css：

.form-group .editable-wrap {
    float: left;
    width: 100%;
}