Size: a a a

Angular Material — русскоговорящее сообщество

2019 September 30

AS

Anton Shvets in Angular Material — русскоговорящее сообщество
Пёс Цифрового Сопротивления
В entryComponents добавлен он у тебя?
Ессесно, без этого вообще не будет работать, они ж динамические. Мне пришлось вынести компоненты диалогов из лейзи модуля в коре, только тогда заработало.

Хотя сейчас на свежую голову подумал, это наверно из-за того, что они открываются из сервиса, который провайдится в руте. Надо сервис тоже в лейзи модуль перенести.
Как раз тот случай, когда сервис стоит таки провайдить руками.
источник

П

Пёс Цифрового Сопротивления in Angular Material — русскоговорящее сообщество
Я бы их провайдил в том же лейзи модулн
источник
2019 October 02

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
Всем привет! Столкнулся с такой проблемой, что когда создал кастомный элемент (содержит в себе матформфилд, инпут, хинт, тултип), и пытаюсь ему дать какой-то css класс, то этот класс срабатывает для всех таких элементов на странице. (допустим, я передаю его через @Input).
Как можно еще передать класс css?  
Если я добавляю просто класс просто к кастомному элементу, то он не срабатывает.
Класс объявлен глобально.
источник

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
источник

AM

Andrey Moskalenko in Angular Material — русскоговорящее сообщество
Тихон Жарких
Всем привет! Столкнулся с такой проблемой, что когда создал кастомный элемент (содержит в себе матформфилд, инпут, хинт, тултип), и пытаюсь ему дать какой-то css класс, то этот класс срабатывает для всех таких элементов на странице. (допустим, я передаю его через @Input).
Как можно еще передать класс css?  
Если я добавляю просто класс просто к кастомному элементу, то он не срабатывает.
Класс объявлен глобально.
видимо у тебя ошибка, если указывать класс одному элементу, разумеется у других этого класса не будет.
источник

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
Andrey Moskalenko
видимо у тебя ошибка, если указывать класс одному элементу, разумеется у других этого класса не будет.
в том варианте, в котором я его скинул, он вообще не срабатывает
источник

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
если я навешиваю класс на мат-форм-филд, а его передаю из кастомного элемента , то вот в том случае у меня срабатывает у всех элементов
Пример на скрине
источник

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
источник

AM

Andrey Moskalenko in Angular Material — русскоговорящее сообщество
ну опять же, если transclass undefined у других - тогда не сработает. Еще можно поставить ViewEncapsulation.None и попробовать первый вариант
источник

AM

Andrey Moskalenko in Angular Material — русскоговорящее сообщество
источник

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
Andrey Moskalenko
ну опять же, если transclass undefined у других - тогда не сработает. Еще можно поставить ViewEncapsulation.None и попробовать первый вариант
где прописать viewencapsulation?
источник

AM

Andrey Moskalenko in Angular Material — русскоговорящее сообщество
@Component({
 selector: 'my-zippy',
 templateUrl: 'my-zippy.component.html',
 encapsulation: ViewEncapsulation.None
})
источник

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
Andrey Moskalenko
@Component({
 selector: 'my-zippy',
 templateUrl: 'my-zippy.component.html',
 encapsulation: ViewEncapsulation.None
})
спасибо)
источник

AM

Andrey Moskalenko in Angular Material — русскоговорящее сообщество
источник

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
По итогу: нужно задать класс внутреннему форм-филду, дать ему ширину ,высоту 100 процентов
а родительским тегом его уменьшать или увеличивать уже
источник
2019 October 03

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
Ещё вопрос: как убрать паддинг у mat-form-field-wrapper ?
Данный элемент доступен в стилях, но мне нужно на компоненте убрать
источник

𝔸

𝔸 𝕣 𝕥 in Angular Material — русскоговорящее сообщество
Тихон Жарких
Ещё вопрос: как убрать паддинг у mat-form-field-wrapper ?
Данный элемент доступен в стилях, но мне нужно на компоненте убрать
.родитель ::ng-deep .mat-form-field-wrapper { }
источник

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
𝔸 𝕣 𝕥
.родитель ::ng-deep .mat-form-field-wrapper { }
спасибо!
источник
2019 October 04

A

Alexandr in Angular Material — русскоговорящее сообщество
Всем привет. Можно ли как-то сделать mat-sidenav отдельным компонентом, без использования
<mat-sidenav-container> <mat-sidenav></mat-sidenav>
<mat-sidenav-content></mat-sidenav-content>
</mat-sidenav-container>
?
источник

M

Max Yaroshevich in Angular Material — русскоговорящее сообщество
Alexandr
Всем привет. Можно ли как-то сделать mat-sidenav отдельным компонентом, без использования
<mat-sidenav-container> <mat-sidenav></mat-sidenav>
<mat-sidenav-content></mat-sidenav-content>
</mat-sidenav-container>
?
Гуд
источник