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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何在 Angular 7 中鍵入數(shù)字的輸入字段中添加/限制 2 位小數(shù) .00

如何在 Angular 7 中鍵入數(shù)字的輸入字段中添加/限制 2 位小數(shù) .00

POPMUISE 2022-09-16 20:52:01
Angular 7 - 我正在嘗試將.00添加到輸入字段中,此字段僅限于接受數(shù)字并且工作正常,但是,我希望能夠在用戶導(dǎo)航到表單中的其他字段后立即在同一個(gè)可編輯的輸入字段中添加.00。我已經(jīng)添加了管道,但它無(wú)法加載。我已經(jīng)添加了接近尾聲但方法無(wú)法觸發(fā),一些堆棧溢出文章建議創(chuàng)建自定義指令,但不確定這是否是正確的方法,根據(jù)下面的代碼片段,可以有人建議一種方法,任何幫助將不勝感激。[(ngModel)]="appform.budgetvalue | number: '1.2-2'"(change)="addDecimal($event)"<div class="col-md-8">  <div class="form-group col-lg-6"    <div class="input-group">      <span class="input-group-addon">$</span>      <input name="budgetvalue" class="form-control" required digitOnly        decimal="true" decimalSeparator="." decimalDigitLimit="2" placeholder="0.00"        pattern="[0-9]+([.][0-9]+)?" isValidMoney        [(ngModel)]="appform.budgetvalue" #budgetvalue="ngModel">    </div>    <div *ngIf="(budgetvalue.touched)">      <div *ngIf="!budgetvalue?.valid">        <small class="text-danger">Please provide valid budget amount</small>      </div>    </div>
查看完整描述

1 回答

?
HUX布斯

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊

我能想到的幾種方法:


<input name="" ... (blur)="transform()" />

...

import { Component } from '@angular/core';

import { DecimalPipe } from '@angular/common';


@Component({

  selector: 'my-app',

  templateUrl: './app.component.html',

  styleUrls: [ './app.component.css' ]

})

export class AppComponent  {

  name = 'Angular';


  constructor(private decimalPipe: DecimalPipe) {}


  decimal = "0";


  transform() {

    this.decimal = this.decimalPipe.transform(this.decimal, '1.2-2');

  }

}

需要注意的是,轉(zhuǎn)換管道會(huì)返回一個(gè)字符串。我已經(jīng)寫了這個(gè)指令,我過(guò)去曾用于反應(yīng)式形式或這個(gè)模板


<input [value]="appform.budgetvalue | number: '1.2-2'"/>- 然而,這可能不是你期望的方式,但可能會(huì)給你一些想法


查看完整回答
反對(duì) 回復(fù) 2022-09-16
  • 1 回答
  • 0 關(guān)注
  • 171 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)