атрибут управления формой не адаптируется к модальному шаблону начальной загрузки

0

Я пытаюсь создать modal с формой, используя angularjs и bootstrap. Сначала я создал форму, и теперь я пытаюсь поместить ее в модальный шаблон, но форма-контроль скользит из модального, как вы можете видеть в прикрепленной ссылке.

<div class="modal-header">
    <h3 class="modal-title">Add New Review</h3>
</div>

<div class="modal-body">
    <form role="form">
        <fieldset>
            <legend>Basic Information</legend>
            <div class="container">
                <div class="form-group">
                    <label for="address">Address</label>
                    <input type="text" id="address" name="address" class="form-control col-sm-1"
                           ng-model="editableReview.address"
                           required>
                </div>'enter code here'
        </fieldset>
    </form>
</div>

<div class="modal-footer">
    <div class="col-sm-offset-10">
        <input type="button" class="btn btn-default" value="Cancel" ng-click="cancelForm()"/>
        <input type="submit" class="btn btn-primary" value="Submit" ng-click="submitForm()"/>
    </div>
</div>

это то, что я получаю:

Изображение 174551

  • 0
    попробуйте удалить класс .form-control из ввода
  • 1
    но тогда я теряю стиль поля ввода ("заполнитель"), который предоставляется ...
Показать ещё 1 комментарий
Теги:
modal-dialog
form-control
angular-ui-bootstrap

1 ответ

0
Лучший ответ

Похоже, ваша проблема div классом div, в частности с container. Я думаю, вы должны попытаться удалить эту строку:

<div class="container">

(и, конечно же, его закрывающий тег: </div>, и посмотрите, исправляет ли он вашу проблему.
Дайте мне знать, если это поможет.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню