Описание тега mat-slider

1 ответ

Измените значение mat-slider на значение по умолчанию при нажатии кнопки

<mat-slider thumbLabel min="0" max="100" step="1" value="0" > <button type="button" (click)="Refresh()">Click Me!</button> Refresh(){ // What should be written in this } П…
17 авг '20 в 13:29
2 ответа

Привязка углового слайдера к значению

У меня возникли проблемы с тем, чтобы понять, как сделать точки привязки для разных значений внутри ползунка в Angular. Слайдер: <mat-slider min="0" max="90" step="1" tickinterval="auto" thumbLabel (input)="positionChanged(component, 'north.dx', …
24 дек '19 в 11:03
3 ответа

Проблема с событием щелчка по угловому мату-сайту-сайту-контенту

Когда я положил clickсобытие на коврике-сайде nav-content <mat-sidenav-content (click)="isNavBarOpened=false">В mat-slide-toggle внутри не работает. Вот пример
1 ответ

угловое значение сброса для mat-слайдера в mat-table

У меня есть список ползунков, отображаемых в таблице Mat, и последний ползунок отображает общую сумму. Мне нужно сбросить значение до 0, если оно перемещено, а общая сумма больше 100. Он отлично работает, если я отпущу мышь внутри элемента ползунка,…
17 янв '20 в 21:03
1 ответ

Получение значений из нескольких мат-слайдеров, динамически созданных в ngFor

Я динамически создаю несколько матов-слайдеров в Angular следующим образом: <ng-container *ngFor="let parameter of parameterValues; let i = index;"> <mat-slider (input)="onInputChange($event)" min="1" max="{{ parameter.length }}" step="1" v…
30 апр '20 в 15:36
1 ответ

Есть ли способ в Angular получить мат-слайдер шириной менее 128 пикселей?

Мне не удалось найти никаких способов получить мат-слайдер шириной менее 128 пикселей. Есть ли способ сделать это? Я использовал transform: scale(); как временное решение, но это создает проблемы с другими элементами. Пример слайдера, с которым я ра…
22 авг '20 в 16:51
1 ответ

Как предотвратить скачки контента на экране при переключении отображения ползунка коврика

Если я наведу курсор на значок громкости, появится коврик-слайдер что сдвигает весь контент вниз, как я могу предотвратить это? Воспроизводится в этом примере Stackblitz <div>Hover on below icon to see jumping</div> <span class="volum…
16 ноя '19 в 02:08
5 ответов

изменить размер большого пальца ползунка материала

Итак, у меня есть этот проект, в котором я использовал Mat Slider, и я показываю текстовые значения на нем, но размер большого пальца слишком мал для моего текста! Я много искал способ изменить размер большого пальца, но ничего не нашел! Я не так хо…
12 дек '19 в 13:34
1 ответ

Angular 9 Mat-Slider не работает должным образом на устройствах iOS

РЕДАКТИРОВАТЬ: в iOS 12.4.6 он все еще не работает, но, по крайней мере, полоса больше не дергается, но все еще не регистрирует значения или не включает звук при предварительно установленном значении 20% . На iOS 13.3.1 (другой мой телефон) все опис…
0 ответов

Мат-видео: Как расфокусировать после нажатия на панель поиска

Я могу коснуться только один раз в "индикаторе выполнения" мат-видео, затем мне нужно нажать "Esc", чтобы снова коснуться. У меня поиск не работает: не могу хватать и искать Выяснилось, что у него есть коврик-слайдер в индикаторе выполнения. И когда…
10 июл '20 в 07:14
0 ответов

Есть ли плагин angular 2+ для этого типа слайдера?

Привет, сообщество Stackru, я использую ng5-slider (range) angular 8, но я не могу найти похожий плагин. этот: PS: ползунок диапазона отлично работает в текущем проекте, просто нужно добавить на него гистограмму. (фото ниже):
24 июн '20 в 00:41
0 ответов

mat-слайдер, показывающий отрицательные значения с начальным значением 0 без заполнения дорожки

Что пробовал: <mat-slider min="-100" max="100" step="1" value="0"></mat-slider> Здесь Zero показывает середину с заполнением дорожки до нуля, но я хочу отображать начальный ноль без заполнения доро…
15 авг '20 в 09:48
0 ответов

Плавная смена цвета с помощью ползунка Угловой

Я пытаюсь добиться другого цвета фона в зависимости от значения ползунка. Ползунок выглядит примерно так: <mat-slider id="slider" #sldr max="100" min="0" step="10"></mat-slider> И элемент, который …
18 сен '20 в 16:28
0 ответов

как по умолчанию показывать mat-slider-ticks

Я хочу показать mat-slider-ticks по умолчанию, как только просмотр загружается. Но, к сожалению, галочки появляются только тогда, когда я нахожу на него курсор или выбираю его. Ниже приведен код: <mat-slider class="width" [disabled]=&qu…
0 ответов

Как исправить эту работу мата-слайдера?

Поэтому я хочу иметь следующие функциональные возможности: Когда я нажимаю на частный / общедоступный слайдер, он скрывает поля формы заголовка, имени, фамилии и добавляет название компании и дополнительное поле формы. Его метка также автоматически …
1 ответ

Как добавить дополнительную статическую метку для большого пальца к угловому слайдеру материала (мат-слайдеру)?

Я бы хотел, чтобы пользователи могли видеть исходное значение ползунка в качестве ориентира при выборе нового значения. Поэтому я хотел бы добавить дополнительную метку для большого пальца (351), например: Я знаю, что это не поддерживается мат-слайд…
17 ноя '20 в 19:29
1 ответ

Как следует использовать ползунок mat внутри формы, настроенной с помощью formGroup? Угловой материал

Я создал форму, которая имеет вводы текстового типа и ползунок mat для получения числового значения // TS this.consumptionForm = this.formBuilder.group({ dailyConsumption: ['', Validators.required], cost: [20, Validators.required], }); // HTML <f…
15 мар '21 в 14:20
1 ответ

Как снять флажок mat-slide-toggle, когда я проверил другой mat-slide-toggle с помощью материала Angular

У меня есть этот демонстрационный проект Можете ли вы спросить меня, как снять флажок mat-slide-toggle Title когда я проверил другой переключатель скольжения коврика Published date и наоборот?
0 ответов

Как заставить mat-слайдер в Angular выбирать из определенного набора значений?

Я работаю над проектом, целью которого является отображение уровня грамотности по всему миру за определенные годы. В настоящее время у нас есть данные с 1475 по 2015 год. Однако данные хранятся не за каждый год. Только 10-12 лет действительно содерж…
03 май '21 в 17:08
1 ответ

Mat-Slider меняет цвет текста, несмотря на цветовой код

У меня в проекте есть компонент с текстом и условным мат-слайдером. Когда mat-slider скрыт, мой текст выглядит так: А когда он виден, мой текст выглядит так: Мой код: <mat-slider *ngIf="isVisible" [min]="minValue" [max]="maxValue" [step]="stepVal…
27 авг '21 в 16:25