Refactor to use Angular inject() for service injection, remove log line

This commit is contained in:
shamoon 2025-07-02 11:18:08 -07:00
parent 476844f32a
commit 87e5d82c46
No known key found for this signature in database
2 changed files with 6 additions and 10 deletions

View File

@ -1,4 +1,4 @@
import { Component, ElementRef, OnInit, ViewChild } from '@angular/core' import { Component, ElementRef, inject, OnInit, ViewChild } from '@angular/core'
import { FormsModule, ReactiveFormsModule } from '@angular/forms' import { FormsModule, ReactiveFormsModule } from '@angular/forms'
import { NavigationEnd, Router } from '@angular/router' import { NavigationEnd, Router } from '@angular/router'
import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap' import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap'
@ -23,6 +23,9 @@ export class ChatComponent implements OnInit {
public input: string = '' public input: string = ''
public documentId!: number public documentId!: number
private chatService: ChatService = inject(ChatService)
private router: Router = inject(Router)
@ViewChild('scrollAnchor') scrollAnchor!: ElementRef<HTMLDivElement> @ViewChild('scrollAnchor') scrollAnchor!: ElementRef<HTMLDivElement>
@ViewChild('chatInput') chatInput!: ElementRef<HTMLInputElement> @ViewChild('chatInput') chatInput!: ElementRef<HTMLInputElement>
@ -35,11 +38,6 @@ export class ChatComponent implements OnInit {
: $localize`Ask a question about a document...` : $localize`Ask a question about a document...`
} }
constructor(
private chatService: ChatService,
private router: Router
) {}
ngOnInit(): void { ngOnInit(): void {
this.updateDocumentId(this.router.url) this.updateDocumentId(this.router.url)
this.router.events this.router.events
@ -48,8 +46,6 @@ export class ChatComponent implements OnInit {
map((event) => (event as NavigationEnd).url) map((event) => (event as NavigationEnd).url)
) )
.subscribe((url) => { .subscribe((url) => {
console.log('URL changed:', url)
this.updateDocumentId(url) this.updateDocumentId(url)
}) })
} }

View File

@ -3,7 +3,7 @@ import {
HttpDownloadProgressEvent, HttpDownloadProgressEvent,
HttpEventType, HttpEventType,
} from '@angular/common/http' } from '@angular/common/http'
import { Injectable } from '@angular/core' import { inject, Injectable } from '@angular/core'
import { filter, map, Observable } from 'rxjs' import { filter, map, Observable } from 'rxjs'
import { environment } from 'src/environments/environment' import { environment } from 'src/environments/environment'
@ -17,7 +17,7 @@ export interface ChatMessage {
providedIn: 'root', providedIn: 'root',
}) })
export class ChatService { export class ChatService {
constructor(private http: HttpClient) {} private http: HttpClient = inject(HttpClient)
streamChat(documentId: number, prompt: string): Observable<string> { streamChat(documentId: number, prompt: string): Observable<string> {
return this.http return this.http