Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Q&A

In angular-imask how do I get the IMask class?

+0
−0

Using Angular-IMask, I'm programatically updating the field that has IMask. So I'm getting the error:

"Element value was changed outside of mask. Syncronize mask using mask.updateValue() to work properly."

How can I get imask object so I can call updateValue() ? I set the component only on the template, so I don't have any object in the component I can access.

HTML:

<input class="form-control" ngbDatepicker #dpStart="ngbDatepicker" type="text" id="dpStart" 
	(dateSelect)="syncDateFields($event, 'start')" (change)="syncDateFields($event.target.value, 'start')"
	name="start" placeholder="Start" [imask]="imaskDate" [unmask]="false" font  />
<button class="btn btn-outline-secondary calendar" (click)="dpStart.toggle()" type="button">
	<i class="fa-solid fa-calendar-days"></i>
</button>

Component

imaskDate = {
	mask: '00/00/0000',
	lazy: false,
	overwrite: true
}

syncDateFields(date: NgbDate | string, campo: string) {
    // I want to access imask object here
    // example: imask.updateValue()
}

The problem happens when I click the datePicker button and select a date from it.

The datepicker object is from the ng-bootstrap module: NgbDatePicker.

Why does this post require moderator attention?
You might want to add some details to your flag.
Why should this post be closed?

2 comment threads

Possible "concurrency" between imask and NgbDatePicker (2 comments)
Code (1 comment)

0 answers

Sign up to answer this question »