Угловой бутстрап модальный не масштабирующийся

Question

Угловой бутстрап модальный не масштабирующийся

0

Я внедрил модальный:

<script type="text/ng-template" id="myModalContent.html">
    <div class="modal-header">
        <button class="close" type="button" ng-click="cancel()">&times;</button>

    </div>
    <div class="modal-body">
        <h3>asjdkljasldjal;sdjakl;djal;jqwjeo8qajeoqjeoqoweuq90euq0uew0qjwe09quwe9qu0equ09weu8q90uwe0que98que9quew89que9quw9eq9weuq98eualsnkdakjsd</h3>
    </div>
</script>

Тем не менее, поле не масштабируется с текстом, как показано здесь:

Из документации углового бутстрапа этот материал должен автоматически масштабироваться. Есть ли опция, которую мне нужно включить? Или есть что-то, что я пропустил в реализации?

Dudemanword 16 нояб. 2015, в 05:35

Источник

0

Проблема в том, что у вас длинная непрерывная строка текста.
Phil 16 нояб. 2015, в 04:31
0

Смотрите css-tricks.com/snippets/css/…
Phil 16 нояб. 2015, в 04:33
0

@Phil Я использовал большую строку в качестве примера. Мое реальное содержание не только строка. Это может быть видео или изображение. Есть ли способ сделать модальное расширение, чтобы соответствовать его содержанию?
Dudemanword 16 нояб. 2015, в 04:36
0

Не так далеко, как я знаю. Модальная ширина определяется атрибутом size который напрямую относится к применяемому классу CSS. Возможно, вы сможете что-то сделать с помощью CSS, но я сомневаюсь, что это будет легко. Что заставило вас поверить, что оно будет динамически масштабироваться?
Phil 16 нояб. 2015, в 04:38
0

@Phil Если вы зайдете на сайт угловой начальной загрузки: angular-ui.github.io/bootstrap и посмотрите на их модал, он масштабируется с текстом / изображением / чем угодно, что вы к нему добавляете
Dudemanword 16 нояб. 2015, в 04:43
0

Оу, а? Единственное, что меняет размер, - это нажатие на разные кнопки (например, «Большой модал» , «Маленький модал» и т. Д.).
Phil 16 нояб. 2015, в 04:45
0

@Phil На самом деле, после игры с плунжером больше, я вижу, что это не работает.
Dudemanword 16 нояб. 2015, в 04:47

Показать ещё 5 комментариев

Теги:

angularjs

html5

angular-ui-bootstrap

1 ответ

Ещё вопросы

Проблема в том, что у вас длинная непрерывная строка текста.
@Phil Я использовал большую строку в качестве примера. Мое реальное содержание не только строка. Это может быть видео или изображение. Есть ли способ сделать модальное расширение, чтобы соответствовать его содержанию?
Не так далеко, как я знаю. Модальная ширина определяется атрибутом size который напрямую относится к применяемому классу CSS. Возможно, вы сможете что-то сделать с помощью CSS, но я сомневаюсь, что это будет легко. Что заставило вас поверить, что оно будет динамически масштабироваться?
@Phil Если вы зайдете на сайт угловой начальной загрузки: angular-ui.github.io/bootstrap и посмотрите на их модал, он масштабируется с текстом / изображением / чем угодно, что вы к нему добавляете
Оу, а? Единственное, что меняет размер, - это нажатие на разные кнопки (например, «Большой модал» , «Маленький модал» и т. Д.).
@Phil На самом деле, после игры с плунжером больше, я вижу, что это не работает.

kensplanet · Answer 1 · 2015-11-16T03-30-00.000Z

Попробуйте этот CSS: word-wrap: break-word; на вашем длинном несломанном слове.

http://www.w3schools.com/cssref/css3_pr_word-wrap.asp http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-wrap

Я использовал большую строку в качестве примера. Если бы я сказал, использовать видео или изображение, модал не будет растягиваться либо
Помогает ли это: stackoverflow.com/questions/16152275/…
Я видел этот вопрос, однако, угловой загрузчик и jquery не очень хорошо сочетаются друг с другом. Смотрите scotch.io/tutorials/…
Я согласен. Но вам не потребуется Jquery вообще. Мы можем добавить прослушиватель событий в простом Javascript, используя element.addEventListener