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

Question

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

有几个问题：

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

如何使用bootstrap-3表单进行角度xeditable工作？

Answer 1

首先，添加＆＃39; e-class＆＃39;属于editable-text元素。

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