I have an input field and a text area set up like this:
<input type="text" placeholder="Your URL*" id="userURL" ng-model = "usermodel"/><br />
<textarea id="final">{{usermodel}}</textarea><br />
The issue I'm facing is that the text in the textarea will be changed by a controller, but I want the user to be able to type in the input field without the textarea refreshing.
Here's an example:
controller: {
textareaoutoutput = "hi ..... How are you";}
textarea: hi {{usermodel}} how are you? <br>
input field: john
However, when I start typing in the field, the "Hi how are you?" text gets removed and only the input entered in the field is displayed. I want to keep the "Hi how are you?" text fixed and unchangeable while allowing the user to enter more text and see it added instantly.
I hope this explanation makes sense.