Чтобы отобразить текст в вертикальном (нижнем), мы можем просто использовать:
writing-mode: vertical-lr;
transform: rotate(180deg);
#myDiv{
text-align: center;
}
#mySpan{
writing-mode: vertical-lr;
transform: rotate(180deg);
}
Here We gooooo !!!
Обратите внимание, что мы можете добавить это, чтобы обеспечить совместимость браузера:
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
мы также можем узнать больше о writing-mode
свойстве здесь, в документах Mozilla.
просто измените функцию поиска, чтобы включить новое условие
search = (text$: Observable<string>) =>
text$.pipe(
debounceTime(200),
map(term => term === '' ? []
: options.filter(v =>
v.name.toLowerCase().indexOf(term.toLowerCase())>-1 ||
v.id==+term
).slice(0, 10))
)
. Обратите внимание, что, поскольку id - это число, вам необходимо преобразовать термин в число (+ термин)
a Простой пример можно увидеть в stackblitz