MenuBar — Angular | Spec-Zone.ru

Панель меню с пунктами меню.

API

class MenuBar<V> implements OnDestroy {
  readonly element: HTMLElement;
  readonly @Input() disabled: InputSignalWithTransform<boolean, unknown>;
  readonly @Input() softDisabled: InputSignalWithTransform<boolean, unknown>;
  readonly textDirection: WritableSignal<Direction>;
  readonly @Input() @Output('valueChange') value: ModelSignal<V[]>;
  readonly @Input() wrap: InputSignalWithTransform<boolean, unknown>;
  readonly @Input() typeaheadDelay: InputSignal<number>;
  readonly @Output() itemSelected: OutputEmitterRef<V>;
  close(): void;
}

element

HTMLElement

Ссылка на хост-элемент.

disabled

InputSignalWithTransform<boolean, unknown>

Отключена ли панель меню.

softDisabled

InputSignalWithTransform<boolean, unknown>

Отключена ли панель меню в мягком режиме.

textDirection

WritableSignal<Direction>

Направление текста (LTR / RTL) для приложения (или его поддерева).

value

ModelSignal<V[]>

Значения выбранных в данный момент пунктов меню.

wrap

InputSignalWithTransform<boolean, unknown>

Должно ли меню циклически переходить от последнего пункта к первому.

typeaheadDelay

InputSignal<number>

Задержка в миллисекундах перед очисткой буфера упреждающего ввода.

itemSelected

OutputEmitterRef<V>

Функция обратного вызова, вызываемая при выборе пункта меню.

ngOnDestroy

void

@returnsvoid

close

void

Закрывает панель меню.

@returnsvoid

Описание

Панель меню с пунктами меню.

Как и ngMenu, ngMenuBar используется для предоставления пользователям списка пунктов меню. Однако панель меню предназначена для отображения постоянного, верхнеуровневого и всегда видимого набора пунктов меню, который обычно располагается в верхней части окна приложения.

<div ngMenuBar>
  <button ngMenuTrigger [menu]="fileMenu">File</button>
  <button ngMenuTrigger [menu]="editMenu">Edit</button>
</div>

<div ngMenu #fileMenu="ngMenu">
  <div ngMenuItem>New</div>
  <div ngMenuItem>Open</div>
</div>

<div ngMenu #editMenu="ngMenu">
  <div ngMenuItem>Cut</div>
  <div ngMenuItem>Copy</div>
</div>