Изменение диаметра спиннера Angular ломает его

это мой код

<mat-progress-spinner  [diameter] = "50" mode = "indeterminate" ></mat-progress-spinner>

Если я уберу diameter, он будет работать правильно, но если я добавлю diameter, он просто будет отображаться в виде круга, а не вращаться.

Есть ли способ изменить его размер, чтобы сделать его меньше?

нет проблем с вашим кодом, если вы измените 50 на 20, он будет работать нормально.

— 30.05.2019 11:16

Я не вижу в этом проблемы. Можете попробовать воспроизвести проблему на stackblitz?

— 30.05.2019 11:16

css angular angular-material

30.05.2019 11:09

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

4 074

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Если вы не можете заставить свойство «[диаметр]» работать правильно, вы всегда можете альтернативно установить высоту и ширину отдельно

<mat-spinner style = "width:40px; height: 40px" color = "primary"> </mat-spinner>

30.05.2019 11:19

Ответ принят как подходящий

Вы можете изменить значение диаметра следующим образом:

<mat-progress-spinner  [diameter] = "50" mode = "indeterminate" ></mat-progress-spinner>
<mat-progress-spinner  [diameter] = "30" mode = "indeterminate" ></mat-progress-spinner>
<mat-progress-spinner  [diameter] = "10" mode = "indeterminate" ></mat-progress-spinner>

Рабочая демонстрация

30.05.2019 11:20