angularjs - Angular.js必需，而ng必需不适用于<textarea>

Question

我无法使Angular.js的required或ng-required正常工作。如果用户单击确定，我希望它到哪里，他们必须在文本框中输入一些文本。

<div class="modal-body">
    <p>Your change will be logged. Please provide a ticket number or comment for reference</p>
    <div class="row">
        <div class="span4">
            <textarea type="text" class="form-control" 
                ng-model="commentBox.text" 
                ng-required="commentBox.text">
            </textarea>
        </div>
    </div>
</div>

挠我的头.....

Answer 1

两件事情:

确保您要传递给ng-required的值是 bool 值(从技术上来说是正确的，它应该评估为 bool 值)

 <textarea type="text" class="form-control" 
    ng-model="commentBox.text" 
    ng-required="commentBox.textRequired">
</textarea>

//somewhere in your controller
$scope.commentBox.textRequired = true

您将需要form。$ in按钮无效

<button type="submit" ng-disabled="formname.$invalid" ng-click="onsubmit()"></button>

所以完成它

   <ng-form name="exampleForm">
     <textarea type="text" ng-model="commentBox.text" ng-required="true"></textarea>
     <button ng-disabled="exampleForm.$invalid" ng-click="onsubmit()"></button>
   </ng-form>