值0顯示在輸入中，如何洗掉它？

我想洗掉0欄位中的值Fiscal Year

插圖

搜索資料.ts

export class SearchDta {
    registreNational: number;
    fiscalYear: number;
    country: number;

    constructor(
        registreNational: number = 0,
        fiscalYear: number = 0,
        country: number = 0,
    ) {
        this.registreNational = registreNational;
        this.fiscalYear = fiscalYear;
        this.country = country
    }
}

搜索-dta.component.html

<div class="row row-cols-3 pt-3">
   <div class="col text-end">
      <label for="fiscalYear" class="form-label">Fiscal Year</label>
   </div>
   <div class="col-4">
      <input id="fiscalYear" name="fiscalYear" type="text" class="form-control" name="fiscalYear" 
      style="min-width: 380px" [(ngModel)]="search.fiscalYear" maxlength="10">
   </div>
</div>

搜索-dta.component.ts

export class SearchDtaComponent implements OnDestroy {
    private unsubscribe$ = new Subject < void > ();

    @Input() mode: string = "";
    @Input() title: string = "";
    @Input() canSelectAllTitles: boolean = false;
    @Input() showWarnings: boolean = false;
    @Input() disabledSvm: number[] = [];
    @Input() saveState: Observable < string > = new Observable < string > ();
    @Input() url: string = '';
    @Input() from ? : string;

    isModal: boolean = false;
    markets$ = this.service.markets$;

    search: SearchDta = new SearchDta();
    data ? : SearchDtaResponse;

    countries: Country[] = [];

    @Output() selectedPersonnePhysiqueDta = new EventEmitter < PersonnePhysiqueDta | undefined > ();
    @Output() changedState = new EventEmitter < SearchDta > ();

    constructor(private service: SearchDtaService, private modalService: BsModalService, private router: Router) {}

    ngOnInit() {
        this.saveState.subscribe((url) => localStorage.setItem(url   '.search', JSON.stringify(this.search)));
        const search = localStorage.getItem(this.url   '.search');
        if (search) {
            this.search = JSON.parse(search);
            localStorage.removeItem(this.url   '.search')
        }

        this.service.getPaysDta().pipe(
            takeUntil(this.unsubscribe$)
        ).subscribe((countries) => this.countries = countries);
    }

    ngOnDestroy(): void {
        this.unsubscribe$.next();
        this.unsubscribe$.complete();
    }

    submit(): void {

        if (!this.isModal) {
            const modalRef = this.modalService.show(SearchDtaResultModalComponent, {
                ...SEARCH_TITLE_MODAL_OPTIONS,
                initialState: {
                    title: this.title,
                    isLoading: true,
                    disabledSvm: this.disabledSvm,
                    showWarnings: this.showWarnings
                }
            });
            modalRef.content!.selectedPersonnePhysiqueDta.pipe(
                takeUntil(this.unsubscribe$)
            ).subscribe((val: PersonnePhysiqueDta | undefined) => {



                this.selectPersonnePhysiqueDta(val);

                if (this.mode === 'create') {
                    this.router.navigate([
                        "/dta/create/"  
                        val?.NUMEROREGISTRENATIONAL  
                        "/"  
                        this.search.country  
                        "/"  
                        this.search.fiscalYear
                    ]);
                } else if (this.mode === 'delete') {
                    this.router.navigate([
                        "/dta/delete/"  
                        val?.NUMEROREGISTRENATIONAL  
                        "/"  
                        this.search.country  
                        "/"  
                        this.search.fiscalYear
                    ]);
                } else {
                    this.router.navigate([
                        "/dta/follow-up/"  
                        val?.NUMEROREGISTRENATIONAL  
                        "/"  
                        this.search.country  
                        "/"  
                        this.search.fiscalYear
                    ]);
                }

                modalRef?.hide();
            });

            this.searchDta(true).pipe(
                takeUntil(modalRef.content!.selectedPersonnePhysiqueDta)
            ).subscribe(res => {
                if (modalRef) {
                    modalRef.content!.isLoading = false;
                    modalRef.content!.personnePhysique = res.DTA.PP;
                    if (!res.DTA.PP) {
                        modalRef.hide();
                    }
                }
            });
        } else {
            this.searchDta(false).pipe(
                takeUntil(this.unsubscribe$)
            ).subscribe(res => {
                this.data = res;

            });
        }
    }


    private searchDta(hideLoading: boolean): Observable < SearchDtaResponse > {
        return this.service.searchDta(this.search, hideLoading).pipe(
            takeUntil(this.unsubscribe$)
        );
    }

    selectPersonnePhysiqueDta(personnePhysiqueDta: PersonnePhysiqueDta | undefined = undefined): void {
        this.selectedPersonnePhysiqueDta.emit(personnePhysiqueDta);

    }
    changeState(): void {
        this.changedState.emit(this.search);

    }


}

我怎樣才能洗掉0？

非常感謝

uj5u.com熱心網友回復：

您正在設定該值并將其系結到輸入fiscalYear。如果您不希望它顯示，則0無需將其設定為00

export class SearchDta {

    constructor(
        public registreNational: number = 0,
        public fiscalYear: number | null = null,
        public country: number = 0,
    ) {

    }
}

uj5u.com熱心網友回復：

嘗試這個：

在.ts

registreNational:number|undefined; 
fiscalYear number|undefined ; 
country: number |undefined

;

并添加 html

<div class="col-4" *ngIf="search.fiscalYear> 
    <input id="fiscalYear" name="fiscalYear" type="text" class="form-control" name="fiscalYear" style="min-width: 380px" [(ngModel)]="search.fiscalYear" maxlength="10"> 
</div>
     

標籤：html 有角度的

上一篇：為什么動態級聯下拉狀態和城市第一次以角度作業？

下一篇：Angular-元素隱式具有“任何”型別，因為“字串”型別的運算式不能用于索引型別