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

Question

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

有几个问题：

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

如何使用 bootstrap-3 形式使 angular-xeditable 工作？

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