angular.js - ng-disabled无法正常工作

时间:2015-10-27 01:40:14

标签: javascript angularjs

我想只在文本字段输入时启用我的按钮,但我无法让ng-disabled工作:

<form novalidate>
    <button type="submit" ng-click="add('+')" ng-disabled="bittext.$invalid">Done</button>   
    <textarea type="text" ng-model="bittext"  size="30" placeholder="add bittext here" style="width: 212px; height:100px" required=""></div>
</form>

但是当我尝试(没有$invalid

<form novalidate>
        <button type="submit" ng-click="add('+')" ng-disabled="bittext">Done</button><!-- no '.$invalid'-->  
        <textarea type="text" ng-model="bittext"  size="30" placeholder="add bittext here" style="width: 212px; height:100px" required=""></div>
    </form>

当我在文本字段中输入内容时,它将禁用我的按钮。

2 个答案:

答案 0 :(得分:2)

try ng-disabled =“!bittext”。在第一次粘贴时,您还有位文本(空格)。这可能就是它无法正常工作的原因。

答案 1 :(得分:0)

  1. 您的使用表单,所以您也可以这样尝试

    <form name="form" novalidate>
        <button type="submit" ng-click="add('+')" ng-disabled="form.$invalid">Done</button>
        <textarea type="text" ng-model="bittext"  size="30" placeholder="add bittext here" style="width: 212px; height:100px" required=""></textarea>
    </form>