Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Replace @HostListener with host object in component decorators

Aperta
  • Qualcosa non va?
#559 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 5 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
58/100
Tipo di issue
Refactoring
Chiarezza
Specificata chiaramente
Stato di attività
Tranquilla
Stack tecnologico
typescript
Ambito
frontend

Direzione di ricerca

Individua i componenti BmsDebugPage, BmsAtAGlance, BmsSegmentView, CellView e AppNavBar e ispeziona i relativi decorator e gli import correlati a host. Sostituisci gli utilizzi indicati di HostListener e HostBinding con property binding host nei decorator, quindi esegui i comandi di build e lint del progetto. Il lavoro è completato quando tutti gli utilizzi interessati sono stati convertiti ed entrambi i controlli hanno esito positivo.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

angular-client straightforward
Description

Several components use @HostListener('window:resize') instead of the host property in the component decorator. Affected: BmsDebugPage, BmsAtAGlance, BmsSegmentView, CellView, AppNavBar.

Acceptance Criteria
  • All @HostListener usages replaced with host property in component decorator
  • All @HostBinding usages replaced with host property bindings
  • Build and lint pass
Proposed Solution

Replace @HostListener('window:resize', ['$event']) with host: { '(window:resize)': 'onResize($event)' } in each component's decorator. Remove the @HostListener import where no longer needed.

Lingua principale
TypeScript
Stelle
5
Fork
1
Merge medio
5g 13h
PR unite (30g)
24

Preparare l'ambiente

  • Nessun Dockerfile né file Docker Compose
  • Ha un modello di pull request
  • Nessuna guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di Northeastern-Electric-Racing/Argos

Tutte le issue di Northeastern-Electric-Racing/Argos

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.