output

Функция output позволяет объявлять выходные данные Angular в директивах и компонентах.

Вы можете использовать выходные данные, чтобы передавать значения родительским директивам и компонентам. Родительские элементы могут подписаться на изменения с помощью:

привязок событий в шаблоне. Например, (myOutput)="doSomething($event)"
программной подписки с помощью OutputRef#subscribe.

API

function output<T = void>(opts?: OutputOptions | undefined): OutputEmitterRef<T>;

OutputEmitterRef<T>

@paramoptsOutputOptions | undefined

@returnsOutputEmitterRef<T>

Примечания по использованию

Чтобы использовать output(), импортируйте функцию из @angular/core.

import {output} from '@angular/core';

В компоненте добавьте новый член класса и инициализируйте его вызовом output.

@Directive({
  ...
})
export class MyDir {
  nameChange = output<string>();    // OutputEmitterRef<string>
  onClick    = output();            // OutputEmitterRef<void>
}

Вы можете передавать значения потребителям директивы с помощью метода emit из OutputEmitterRef.

updateName(newName: string): void {
  this.nameChange.emit(newName);
}

Примечания по использованию

Чтобы использовать output(), импортируйте функцию из @angular/core.

import {output} from '@angular/core';

В компоненте добавьте новый член класса и инициализируйте его вызовом output.

@Directive({
  ...
})
export class MyDir {
  nameChange = output<string>();    // OutputEmitterRef<string>
  onClick    = output();            // OutputEmitterRef<void>
}

Вы можете передавать значения потребителям директивы с помощью метода emit из OutputEmitterRef.

updateName(newName: string): void {
  this.nameChange.emit(newName);
}