угловой 2 коврик выбрать мин меньше макс

-2

У меня есть 2 мата в угловом 2 для выбора min и один для максимального выбора. (всего несколько восходящих целых чисел). Мне нужно принудительно выполнить min <max validation, отключив/вычеркнув недопустимые параметры. Поэтому, если пользователь выбирает 5 в минимальном выборе, тогда все опции до 4 должны быть отключены в максимальном выборе. Я устанавливаю образец в stackblitz. Это похоже на простой общий шаблон, но я не могу найти код в Интернете. Пожалуйста, посоветуйте некоторое творческое решение. https://stackblitz.com/edit/angular-scroll-hilite

  • 1
    вам нужно опубликовать то, что вы пытались.
  • 0
    @bryan60 bryan60, конечно, еще играешь с этим. Будет делать, когда сделано.
Теги:
angular
angular-material

1 ответ

0

Вы должны сделать уникальные ссылки на шаблоны, использование #matSelect для обоих может быть проблематичным.

После уникального использования этого выражения в параметрах maxRankList [disabled]="rank <= minSelect.value"

 <mat-option *ngFor="let rank of maxRankList" [value]="rank" [disabled]="rank <= minSelect.value">

Stackblitz

https://stackblitz.com/edit/angular-scroll-hilite-96n7tj?embed=1&file=app/select-overview-example.html

  • 1
    Благодарю. Я был на касании ... но ваш ответ делает это именно так, как я хочу. Я добавил противоположное условие к другому выбору циновки, и оно работает как шарм.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню