Отображение другого текста при выборе раскрывающегося меню и параметров раскрывающегося списка - PullRequest
1 голос
/ 08 марта 2019

У меня есть требование, где мои выпадающие значения в моем выборе - расширенный div, который имеет 3 строки.Например, мои параметры могут быть примерно такими:

Honda Accord
19'
Blue
--------------
Honda Civic
17'
Red

Вот так будет выглядеть мой раскрывающийся список при расширении.Так что вместо обычного однострочного варианта у меня есть div с более подробными опциями.Сложность, с которой я сталкиваюсь, заключается в том, что при выборе (я могу правильно отобразить сетку, как указано выше) значение раскрывающегося списка отображается как контекст всего элемента div.Так, например, мой выпадающий список после выбора будет выглядеть следующим образом.

[Honda Civic17'Red]

Я использую Angular Material для моего выпадающего списка.Кто-нибудь знает способ установить выбор на другое значение, чем текст опции?Например, я хотел бы, чтобы в раскрывающемся списке отображалось [Honda Civic] вместо [Honda Covic17'Red].

. Любая помощь будет приветствоваться.

Спасибо.

1 Ответ

1 голос
/ 08 марта 2019

Вы можете настроить отображение выбранного элемента, используя MatSelectTrigger.Пример приведен здесь: https://material.angular.io/components/select/overview#customizing-the-trigger-label.

...