Angular textarea validation error <p>I have a textarea in my app like so:</p> <pre><code>&lt;textarea type="text" class="form-control" name="bioBackground" ng-model="obj.background" value="obj.background" ng-change="autosave()" maxlength="1500" required&gt;&lt;/textarea&gt; </code></pre> <p>This is a <strong>required</strong> field and as you can see I have added a required tag in the code. But this required tag is causing errors with Angular.</p> <p>For example:</p> <p>If I type in the field and backspace and remove all the text it removes the object from the scope. see example below:</p> <p><strong>Before Backspacing</strong></p> <p>You can see background variable is in the scope.</p> <p><a href="https://i.stack.imgur.com/wnnHP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wnnHP.png" alt="enter image description here"></a></p> <p><strong>After backspacing and removing the text:</strong></p> <p>You can see the background variable is gone from scope.</p> <p><a href="https://i.stack.imgur.com/Lp1vA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Lp1vA.png" alt="enter image description here"></a></p> <p><strong>This only happens if I use required tag. If I don't use the required tag it works fine and even after removing all the text the background variable stays within the scope.</strong></p> <p>What am I doing wrong.</p>