Вопросы по теме 'ng-bootstrap'

Невозможно использовать ng-bootstrap с Webpack и Angular2
Сначала я установил и импортировал NgbModule : npm install --save @ng-bootstrap/ng-bootstrap import {NgbModule} from '@ng-bootstrap/ng-bootstrap' На данный момент все работает нормально, я могу запустить свое приложение так, как оно...
1639 просмотров
schedule 04.01.2024

Как получить доступ к дочернему компоненту внутри ngb-tab (для целей проверки)
Предположим, что у вас есть этот шаблон (для родительского компонента) <button ... (click)="Save()"> ... <ngb-tabset [activeId]="selectedTab" #tabs> <ngb-tab id="tab1"> <template ngbTabTitle>tab1</template>...
2779 просмотров
schedule 25.04.2024

Как использовать ng-bootstrap с AngularJS 2 (используя angular-cli v1b15)?
Я пытался использовать ng-bootstrap в моем проекте Angular 2, следуя документации на официальном сайте ng-bootstrap. Я сделал следующее: npm install [email protected] Перейдите в корневой каталог / bootstrap и запустите npm install...
10773 просмотров
schedule 03.11.2022

Angular 2 проверяет, что один ввод даты равен или предшествует другому
У меня есть два входа, которые заполнены двумя Angular 2 Bootstrap datepickers . Я хочу, чтобы моя кнопка, соответствующая FormGroup , была отключена, если startDate находится после (не до или равно) endDate . Прямо сейчас, если я выберу...
8119 просмотров

Различия между bootstrap-flex, bootstrap-grid и bootstrap-reboot
В самой новой версии Bootstrap (текущая версия на момент постановки вопроса [email protected] ) есть 3 разных файла и стандартный: bootstrap-flex.css bootstrap-grid.css bootstrap-reboot.css bootstrap.css Являются ли первые 3...
6419 просмотров

Как установить ширину выпадающего списка в модуле typeahead
Я пытался понять, как я могу установить раскрывающийся список в модуле Typeahead так, чтобы он имел ту же ширину, что и входной текст, и не менялся динамически в зависимости от ширины содержимого в раскрывающемся списке. Я использую 1.0.0-alpha.15...
1224 просмотров
schedule 09.03.2024

Как открыть и скрыть средство выбора даты ng-bootstrap для пользовательских действий?
В настоящее время я использую: нг-бутстрап 1.0.0-альфа.24 угловой/ядро 4.0.0 начальная загрузка 4.0.0-альфа.6 Я хотел спросить, знает ли кто-нибудь, как автоматически закрывать средство выбора даты, когда фокус теряется или открывается...
9968 просмотров
schedule 27.12.2023

angular cli показывает ошибку. Свойство «open» не существует для типа «NgbModule» при использовании NgbModule
я пытаюсь открыть модальный компонент из компонента и передать компонент в модальный, используя метод «.open» в соответствии с документацией @ng-bootstrap, но я получаю сообщение об ошибке в angular cli, что .open не является методом Я также...
1399 просмотров
schedule 26.11.2022

Как стилизовать ng-bootstrap — альтернатива /deep/
Я использую компонент accordion из ng-bootstrap в одном из своих приложений и селектор /deep/ (он же: ::ng-deep и >>> ) для установки его стилей. Однако я увидел, что этот селектор устарел . Есть ли альтернатива для установки...
2143 просмотров

ngx-translate не работает в модальном режиме ng-bootstrap
Канал translate ngx-translate не работает внутри модального ng-bootstrap . <div class="modal-header"> <h3 class="modal-title"> {{ 'MODAL.TITLE' | translate }} </h3> </div> <div class="modal-body">...
1637 просмотров
schedule 18.01.2024

ng-bootstrap: использовать scss в проекте
В моем проекте angular используется scss, и до того, как я переключился на ng-bootstrap, я следовал этому руководству, чтобы интегрировать bootstrap с scss в мой проект angular: https://shermandigital.com/blog/bootstrap-sass-with-angular-cli/...
590 просмотров
schedule 16.12.2023

несколько ngbDatepicker в цикле ngFor
У меня есть массив данных, который извлекается из файла REST API . Пользователь должен иметь возможность манипулировать данными. Проблема в том, что когда отображаются несколько строк (т.е. длина массива data1 больше 1), это одна и та же дата во...
1039 просмотров

Модальное окно ng-bootstrap не работает должным образом
app.component.html <ng-template #content let-c="close" let-d="dismiss"> <div class="modal-header"> <h4 class="modal-title">Modal title</h4> <button type="button" class="close" aria-label="Close"...
1257 просмотров
schedule 29.12.2023

Angular Universal с Bootstrap scss, показывающий отсутствие провайдера для ServerStylesheet
Я пытаюсь реализовать ng-bootstrap с угловым универсальным. Я настроил angular universal, и до внедрения ng-bootstrap он работал нормально, я включил файл bootstrap scss в .angular-cli и импортировал модуль ng-bootstrap. Файл успешно создается, но...
346 просмотров
schedule 12.02.2024

Показать несколько ng-modals с динамическим содержимым для соответствующих событий кликов в одном компоненте/странице, используя ‹ng-content›
Я использую модальные окна Angular2 для динамического создания контента с помощью <ng-content> . Позвольте мне объяснить вам, что я сделал. Я создал модальный компонент с селектором «приложение-модальный», и его шаблон содержит...
1763 просмотров
schedule 25.11.2022

ng-bootstrap: модальные глобальные параметры
Мы используем ng-bootstrap 1.0. Мне нужно отключить клавишу escape, которая закрывает модальное окно. Я понимаю, что это можно сделать с помощью: `modalOption.keyboard = false;` Как я могу применить этот параметр ко всем модальным окнам...
1341 просмотров
schedule 14.10.2022

Angular 6 вложенный ViewChild внутри ng-template имеет значение null
Мы используем модальное окно ( один из ng-bootstrap ) в нашем приложении. Этот модал выглядит так: <ng-template #modal let-modal> <app-audio #audio></app-audio> </ng-template> И это логика:...
10561 просмотров

Аккордеон ломает высоту div
Я использую Angular и ng-bootstrap. У меня проблема с компонентом аккордеона ( https://ng-bootstrap.github.io/#/components/accordion/examples ) Когда я помещаю аккордеон в div с максимальной высотой, аккордеон может превышать эту максимальную...
136 просмотров
schedule 30.10.2023

ngbTypeahead — передать параметры
я использую ngbTypeahead для функции опережающего поиска, но мне интересно, могу ли я передать параметры функции поиска. <input id="typeahead-basic" type="text" class="form-control" [(ngModel)]="model" [ngbTypeahead]="search(param1,...
1651 просмотров
schedule 25.11.2023

Может ли дом быть скрыт внутри ng-template
Я использую ng-bootstrap для создания Popover с HTML и привязками. ng-template всегда будет воссоздаваться, когда я нажимаю кнопку, и моему компоненту нужно время для инициализации, поэтому вместо этого я должен его скрыть. Как я могу скрыть...
123 просмотров
schedule 10.12.2022