Из угловой документации материалов Я могу использовать атрибут direction
в компоненте меню:
direction: Direction
: направление расположения меню.
Это означает, что существует тип Direction
, но я не могу его найти и не знаю, как использовать его в компоненте меню.
Я пробовал следующее, но я не уверен, какие значения я могу поместить в direction
-атрибут.Я думал, что мог бы использовать что-то вроде Direction.UP
или Direction.DOWN
, но я не могу найти класс Direction
в своем проекте.Есть ли скрытое место для импорта?
<button mat-raised-button type="button" [matMenuTriggerFor]="saveBtn" color="primary">Ny rad</button>
<mat-menu #saveBtn="matMenu" [direction]="'up'"> <!-- Here I am using [direction], but do not know what to put as a value there, that is of type Direction -->
<button mat-menu-item (click)="save('1')">Save 1</button>
<button mat-menu-item (click)="save('2')">Save 2</button>
</mat-menu>
РЕДАКТИРОВАТЬ
Пройдя поиск, я обнаружил, что могуиспользуйте значения 'ltr'
и 'rtl'
, и мне пришлось использовать его для элемента, который использует селектор matMenuTriggerFor
.
После объявления переменной с типом Direction
в коде Visual Studio,он предложил мне import { Direction } from '@angular/cdk/bidi';
, и этот тип выглядел следующим образом:
export declare type Direction = 'ltr' | 'rtl';
Несмотря на то, что я обнаружил это, я получаю сообщение о том, что
Ошибки синтаксического анализа шаблона:Невозможно привязать к «direction», так как это не известное свойство «mat-menu».
, когда я пытаюсь использовать атрибут direction
для mat-menu
-элемента,хотя в документации сказано, что я могу использовать атрибут направления.Я что-то не так делаю?