ทำข้อความข้อมูลเดียวที่ยอมรับค่าเปอร์เซ็นต์ได้นิดหน่อยุ่งยากนี่คือหนทางที่จะทำอย่างนั้นโดยไม่ทำการลบ numeric ค่าและเพิ่ม'%'ตอนที่ทุกอย่างจะจบลง
รู้สึกอิสระที่จะแบ่งปันความคิดของคุณ!
0
เพื่อที่จะทำให้ข้อความยอมรับลอยตัวเลขและเพิ่ม"%"ในที่สุด:
- ในแฟ้ม html:
<input id="id" type="text" formControlName="percentControl" (focusin)="start($event)"(focusout)="end($event)" />
- เข้ามาts แฟ้ม:
end(e) {
// console.log(/^[0-9.]*$/.test(e.target.value));
if(!/^[0-9.]*$/.test(e.target.value))
e.target.value = e.target.value.replaceAll(/[^0-9.]/g, '').trim();
//add ' %' at the end
if(e.target.value.length)
e.target.value = e.target.value+ ' %';
//this part is needed when working with angular form validation (ngForm required
//or formGroup Validators.required), else null value won't trigger the validation
else
e.target.value = '0 %';
}
start(e) {
e.target.value = e.target.value.replace('%', '').trim();
}
- กำลังเจอกับการโอนถ่ายข้อมูลและจากที่กลับมา-สิ้นสุด:
- โพสข้อมูล:
//make sure to get rid from ' %' when posting data to the backend
//example with formControl
// the + is for converting string to number
dataToPost = +this.form.get('percentControl').value.replaceAll('%', '');
- ได้ข้อมูล:
//Use Angular percent pipe
local: string = "en-US";
percentPipe:PercentPipe = new PercentPipe(this.local);
myVariable = this.percentPipe.transform(dataFromBackEnd/100);