I've used one of the many angular directive based solutions for this, it would be a hassle to type out all of it. In fact, the updated answer given by Shimon on this question is exactly what I have done, and it indeed autofocuses as desired.
However, I've got some placeholder text that I want to be in front of the cursor. So ideally, the behaviour would be like this
"placeholder"[cursor]
but it is instead like this
[cursor]"placeholder"
I feel like I'm so close to what I want to do. Any ideas?
EDIT : my input text box is a bit different. The placeholder is an angular scope variable.
<input type="text" ng-model= "symbol" placeholder= "{{symbol}}" ....>