Angular.js需要和ng-required不适用于<textarea> </textarea>

时间:2014-08-01 16:14:47

标签: angularjs

我无法让Angular.js requiredng-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>

抓我的头......

2 个答案:

答案 0 :(得分:11)

两件事:

  1. 确保传递给ng-required的值是布尔值(技术上正确,它应该评估为布尔值)

     <textarea type="text" class="form-control" 
        ng-model="commentBox.text" 
        ng-required="commentBox.textRequired">
    </textarea>
    
    //somewhere in your controller
    $scope.commentBox.textRequired = true
    
  2. 你需要表格。按钮上的$无效

    <button type="submit" ng-disabled="formname.$invalid" ng-click="onsubmit()"></button>
    
  3. 所以要完成它

       <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>
    

答案 1 :(得分:1)

也可以不添加其他道具,您可以将其设置为     NG-需要=&#34; !! commentBox.text&#34;