StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POAngularJs empty form and remove invalid state from inputs
primarykey
Id
17814564
data
AcceptedAnswerId
17815653
AnswerCount
2
ClosedDate
CommentCount
4
CommunityOwnedDate
CreationDate
2013-07-23T15:29:56.213
FavoriteCount
1
LastActivityDate
2018-01-21T14:00:52.783
LastEditDate
2018-01-21T14:00:52.783
LastEditorUserId
631527
OwnerUserId
545925
ParentId
0
PostTypeId
1
Score
8
ViewCount
9384
LastEditorDisplayName
text
Body
<p>I'm using a form to add elements to list that is displayed on the side of the form. Markup is: </p> <pre><code> <form name="thingForm"> <input required type="text" ng-model="thing.name"/> <input required type="text" ng-model="thing.value"/> <input type="submit" ng-click="addThing(thing)"/> </form> <ul> <li ng-repeat="thing in things">{{thing.name}} with value of {{thing.value}}</li> </ul> </code></pre> <p>And in a controller I have: </p> <pre><code>$scope.things = []; $scope.addThing = function(thing) { $scope.things.push(thing); $scope.thing = {}; }; </code></pre> <p>Working jsfiddle: <a href="http://jsfiddle.net/cXU2H/1/" rel="nofollow noreferrer">http://jsfiddle.net/cXU2H/1/</a></p> <p>Now as you can see, I can empty the form by emptying the model, however since the inputs have the required tag the browser still displays an error message (at least Chrome does). </p> <p>I looked at the similar questions and:</p> <ul> <li>I've also looked at this answer: <a href="https://stackoverflow.com/a/16296941/545925">https://stackoverflow.com/a/16296941/545925</a> however the jsfiddle behaves exactly the same as in my example: after the input is cleared it still has an <code>ng-invalid-required</code> class remaining (and it also triggers a HTML5 error message)</li> <li><del>since I'm not on the 1.1.x branch <code>$setPristine()</code> is not available for me</del> <code>$setPristine()</code> behaves the same way</li> </ul> <p>I can of course write a function that iterates through the elements of a form and removes every <code>ng-invalid-required</code> and <code>ng-invalid</code> class, but that is not the way I would like to solve this. That is what I would do with jQuery.</p>
Tags
<javascript><angularjs>
Title
AngularJs empty form and remove invalid state from inputs
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USToolkit
UserOwnerUserId
1. USadamors
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POAngularJs empty form and remove invalid state from inputs
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTApproveEditSuggestion
2. VO
  singulars
  PostPostId
  POAngularJs empty form and remove invalid state from inputs
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.