Figured it out - there were nested forms. Removing the form from the modal
template fixed the issue.
On Wednesday, October 5, 2016 at 9:48:11 AM UTC-5, James Niesen wrote:
>
> When not working in our solution/just using an online editor the following
> code works fine:
>
>
> <p>Try writing in the input field:</p>
>
> <form name="myForm">
> <input name="myInput" ng-model="myInput" required>
> </form>
>
> <p>The input's valid state is:</p>
> <h1>{{myForm.myInput.$valid}}</h1>
>
> In our solution, there is an file upload directive that we need to make
> sure the "Document Name" is not empty. For some reason, the "$valid" is
> null (not showing true or false). I'm not sure what I'm missing. Any
> help is appreciated. Here is the code:
>
> <form class="form-horizontal" role="form" name="planDocument">
> <div class="col-xs-12">
>
> <div class="form-group">
> <label class="control-label"
> ng-model="vm.docTypeName">Document Type: {{vm.docTypeName}}</label>
> </div>
>
> <div class="form-group">
> <label class="control-label"> Document Name:</label>
> <input class="form-control" type="text"
> name="documentName" ng-model="vm.planDocument.document_name" required>
> </div>
> <p>The input's valid state is:</p>
> <h1>{{planDocument.documentName.$valid}}</h1> - show's empty
> instead of True or False
>
> </div>
> <div class="col-xs-12">
> <div class="form-group" ng-hide="hasFiles">
> <label for="newDocuments">Select a new document to
> Upload</label>
> <input type="file" id="newDocuments" class="uploadFile"
> ngf-select ng-model="files" name="fileInput">
> </div>
>
>
> <div class="form-group">
> <input class="btn btn-primary" type="button"
> ng-click="vm.fileExists(files)" value="Upload">
> <input class="btn btn-primary" type="button"
> ng-show="vm.uploadShowSuccessAlert"
> ng-click="vm.mapPlanDocument(planDocument)" value="Map Document to Plan">
> </div>
> <div class="alert alert-success form-group"
> ng-show="vm.FileExistsAlert">
> {{vm.filesExistsShowSuccessTextAlert}}
> </div>
> <div class="alert alert-success form-group"
> ng-show="vm.uploadShowSuccessAlert">
> {{vm.uploadSuccessTextAlert}}
> </div>
> <div class="alert alert-info form-group"
> ng-show="vm.mapShowSuccessAlert">
> {{vm.mapSuccessTextAlert}}
> </div>
>
> </div>
> </form>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
