Frontender Libs - обзор библиотек JS / CSS

Внедрение необязательных зависимостей в Angular

Декоратор @Optional() в Angular используется для указания того, что зависимость может быть необязательной. Если нужная зависимость отсутствует, Angular не выбросит ошибку, а просто передаст null. Это полезно, когда сервис или зависимость может не всегда быть доступна в контексте компонента.

Пример:

import { Component, Optional } from '@angular/core';
import { LoggingService } from './logging.service';

@Component({
  selector: 'app-optional-demo',
  template: `<p>Декоратор @Optional() пример</p>`
})
export class OptionalDemoComponent {
  constructor(@Optional() private loggingService: LoggingService) {
    if (this.loggingService) {
      this.loggingService.log('Logging service is available');
    } else {
      console.log('Logging service is not available');
    }
  }
}

В этом примере сервис LoggingService внедряется как необязательный. Если он не зарегистрирован, вместо ошибки просто будет выведено сообщение о его отсутствии.

👉 @sWebDev

👍5🔥1

www.tgoop.com/sWebDev/3239

1.34K viewsOct 28, 2024 at 08:11

Внедрение необязательных зависимостей в Angular

Декоратор @Optional() в Angular используется для указания того, что зависимость может быть необязательной. Если нужная зависимость отсутствует, Angular не выбросит ошибку, а просто передаст null. Это полезно, когда сервис или зависимость может не всегда быть доступна в контексте компонента.

Пример:

import { Component, Optional } from '@angular/core';
import { LoggingService } from './logging.service';

@Component({
  selector: 'app-optional-demo',
  template: `<p>Декоратор @Optional() пример</p>`
})
export class OptionalDemoComponent {
  constructor(@Optional() private loggingService: LoggingService) {
    if (this.loggingService) {
      this.loggingService.log('Logging service is available');
    } else {
      console.log('Logging service is not available');
    }
  }
}

BY Frontender Libs - обзор библиотек JS / CSS