Как сделать так, чтобы угловой-xeditable использовался стиль формы bootstrap-3?

Question

Вот пример: https://vitalets.github.io/angular-xeditable/#editable-form

Есть несколько проблем:

1. При редактировании вводит данные внутри<span>'
2. Это не добавляетform-control' учебный класс

Как сделать так, чтобы угловой-xeditable работал с формой bootstrap-3?

Answer 1

Сначала добавьте атрибут 'e-class' в элемент 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%;
}