第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

無法使用 .trim() 方法刪除 Angular 應用程序中組件的 HTML 中的空格

無法使用 .trim() 方法刪除 Angular 應用程序中組件的 HTML 中的空格

慕蓋茨4494581 2023-04-20 17:08:26
我正在研究一個角度應用程序。在組件的 HTML 中,mat-select我試圖使用 .trim() 方法刪除 whiteapces,但我的應用程序正在中斷。我的代碼<div class="col-2">    <mat-form-field>            <mat-select                    placeholder="Source"                    [(ngModel)]="applicable.SourceNm.trim()">                    <mat-option                            *ngFor="let source of applicableLevel.SourceListTxt.split(',')"                            [value]="source">                            {{source.trim()}}                    </mat-option>            </mat-select>    </mat-form-field></div>如果我刪除 ngModel 中的 .trim(),則應用程序運行良好。我不確定在 ngModel 中使用 .trim() 有什么問題。我得到的錯誤是Parser Error: Unexpected token '=' at column 32 in [applicableLevel.SourceNm.trim()=$event] in ng:///AdminModule/ConfigurationComponent.html@516:160 ("                                                                                                    [ERROR ->][(ngModel)]="applicableLevel.SourceNm.trim()"javascript網(wǎng)頁格式有角度的打字稿
查看完整描述

1 回答

?
達令說

TA貢獻1821條經(jīng)驗 獲得超6個贊

您可以嘗試使用管道進行修整


?import { Pipe, PipeTransform } from '@angular/core';

? ?@Pipe({

? ? ? name: 'trim',

? ? ? pure: false

? ?})

? ??

? ?export class TrimPipe implements PipeTransform {

? ? ? transform(value: string): any {?

? ? ? ? return value.trim()

? ? ? }

? ? ??

? ? }

在 html 中 {{source | trim }}


不要忘記添加app.modules declarations此管道。


ngModel分配給參數(shù)不起作用。所以你需要刪除trim()并使ngModel你的value修剪


<div class="col-2">

? ? <mat-form-field>

? ? ? ? ? ? <mat-select

? ? ? ? ? ? ? ? ? ? placeholder="Source"

? ? ? ? ? ? ? ? ? ? [(ngModel)]="applicable.SourceNm">

? ? ? ? ? ? ? ? ? ? <mat-option

? ? ? ? ? ? ? ? ? ? ? ? ? ? *ngFor="let source of applicableLevel.SourceListTxt.split(',')"

? ? ? ? ? ? ? ? ? ? ? ? ? ? [value]="source | trim">

? ? ? ? ? ? ? ? ? ? ? ? ? ? {{source | trim }}

? ? ? ? ? ? ? ? ? ? </mat-option>

? ? ? ? ? ? </mat-select>

? ? </mat-form-field>

</div>


查看完整回答
反對 回復 2023-04-20
  • 1 回答
  • 0 關注
  • 171 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號