Problems with ngModel input and Chinese IME

[Gpia]

When I am using ngModel directive, I find something wrong when I use chinese words.

---

---

I searched this and find something called "CompositionEvent", I debuggered the code, and find someting in the angular source code.

I do not want to get the result of input when typing is not completed.

Who can help me?

[Narretz]

So you are using an IME to enter Chinese characters?

I don't know IME, so I don't know what the mistake is. Can you please describe what should happen, and what happens instead? The screenshots don't really explain it.

[Gpia]

Yeah, I am using an IME to enter Chinese characters.
The problem is like this: I want to enter "你好" and I just press these keys “nihao” which are the keys on the keyboard that represent "你好" in Chinese pinyin input method. Before I press the enter key to choose the Chinese characters "你好", the English characters "ni'hao" are already read!
I mean that before I finish the input process, the callback of angular in the watch is called. So, the output of console is first "ni'hao", and then "你好". The callback function was called twice times, while just the second one is what I hoped.
This problem is not appeared on Firefox browser while it is on Google Chrome browser.
I found some relate things on the internet and wish you to handle the problem, thanks.
composition event on mozilla
composition event blog of somebody

[gkalpak]

Based on the last blog link you provided, it seems that (according to the spec) an input event should be fired after the composistionend event. Since we are calling the listener after both a compositionend and an input event, that could be the issue.

@Gpia, could you test if skipping the call to listener() on compositionend solves the problem ?

[Gpia]

Yes，I tried according to what you said and It was ok. The result is right when I remove 'listener()' on compositionend. @gkalpak