Any way to change ngModal value in input field using javascript

Question

My problem is when I change input field value using javascript, it won't change in ngModel value.

For example:

//html 
<input type="text" name="date" [(ngModel)]="date">

Typescript

  var date : any;
    constructor(
            // some code
        ) {
            this.date="10:10:2016";
        }

When I console 'date' it will show 10:10:2016

After executing this Javascript code

document.getElementsByName("date")[0].value = "15:10:2016";

text field will change its value, but ngModel value won't change

btw I use jQuery datepicker

score 1 · Answer 1 · edited May 23 '17 at 12:17

1

You need to trigger an input event on the element so Angular knows that something changed. Look at the answer here: Change AngularJS input text value using javascript

edited May 23 '17 at 12:17

Community

answered Jan 09 '17 at 16:54

sloppypasta

tried $('[name="date"]').keydown(); $('[name="date"]').keyup(); $('[name="date"]').keypress();; $('[name="date"]').blur(); but nothing works – Nandhu Jan 09 '17 at 17:08
try $('[name="date"]').trigger("input") – sloppypasta Jan 09 '17 at 17:11
How are you checking whether ngModel is changing on the backend? – sloppypasta Jan 09 '17 at 17:14
i use test function on button click to console it testing(){ console.log(this.date); } – Nandhu Jan 09 '17 at 17:20

score 1 · Answer 2 · answered Jan 09 '17 at 17:46

1

you need to execute the javascript code in ngAfterViewInit

ngAfterViewInit() {  
  let myNewDate= document.getElementsByName("date")[0].value = "15:10:2016";; 
  this.date = myNewDate;
}

and assign the value to your date variable.

answered Jan 09 '17 at 17:46

candidJ

Thanks , this code works fine . but i use external js (jquery) to assign value to input field and i think i found a solution.. – Nandhu Jan 10 '17 at 04:53
Use jquery input function in ngView and assign value of input field value to ngModel now i don't have access to my pc to test this code. Will post solution after testing :) , your answer helped me to solve my problem .. thank you – Nandhu Jan 10 '17 at 05:51

2 Answers2