我的資產文件夾中有 2 個 SVG 圖標，HTML 中有一個用戶輸入框。我希望第一個圖標顯示為默認圖標，但是當用戶開始在文本框中輸入內容時，我希望顯示第二個圖標。我很難嘗試實現這一點。有相同的搜索圖標，但第一個圖標只是純白色，第二個圖標是青色。默認圖標 = 搜索放大鏡圖標。當用戶開始輸入 = search-magnifying-glass-teal-icon 時更改此設置。我不確定是否可以直接更改 SVG 圖標的描邊顏色，而不是在資源文件夾中放置兩個圖標，但這是目前的代碼。超文本標記語言        <mat-form-field appearance="fill" style="width: 380px;" >           <input matInput [formControl]="inputCtrl" [(ngModel)]="searchText" (ngModelChange)="searchTextChanged($event)"            placeholder="Search" class="input">           <div class="icon"><img src="../../assets//images/icons/search-magnifying-glass-icon.svg"></div>        </mat-form-field>  一些 TS  ngOnInit(): void {    this._filterTags();    this.inputCtrl.valueChanges      .pipe(takeUntil(this.death$))      .subscribe((value: string) => {        this._filterTags(value);        this.updateQuery(value);        if(value == ''){          this.showColumn = false;        }else{          this.showColumn = true;        }      });