angularjs - 当文本字段中没有输入时如何禁用按钮

Question

如果搜索字段中没有条目，我希望禁用搜索按钮；

在我的 html 文件中，我有：

<div class="form-group">
    <input type="text" class="form-control" ng-model"searchinput">
</div>
<button type="submit" class="btn" ng-click="search()" ng-disabled="disabled"> Search</button>

在我的控制器中，我有：

if ($scope.searchinput == ""){  
     $scope.disabled = true;
}

这是行不通的。我究竟做错了什么？

Answer 1

searchinput如果长度小于零，则计算长度然后简单地禁用

isButtonDisable = function() {
   $scope.searchinput.length == 0 ? true : false;
}

在你的 html 中

<div class="form-group">
    <input type="text" class="form-control" ng-model"searchinput">
</div>
<button type="submit" class="btn" ng-click="search()" ng-disabled="isButtonDisable()"> Search</button>

Answer 2

只需这样做：

HTML：

   <div class="form-group">
       <input type="text" class="form-control" ng-model"searchinput">
   </div>
   <button type="submit" class="btn" ng-disabled="!searchinput"> Search</button>    

这将解决您的问题。

Answer 3

试试这个：

    <form name="myForm" ng-controller="MainCtrl">
    <input type="text" ng-required="true" name='myName' ng-model='myName'/>
    <span>{{name}}</span>
    <input type="submit" value="Submit"  ng-disabled="myForm.myName.$pristine" />
    {{myForm.myName.$pristine}}
</form>