Angularjs ng-disabled无法正常工作

时间:2017-04-06 14:34:13

标签: javascript angularjs angularjs-1.6

我正在尝试仅在输入填充至少18个字符时启用按钮。这是HTML代码:

model_loaded.predict([0,0,0,0])

Out[64]: array([0])

但按钮保持禁用状态,任何人都可以帮忙吗?

3 个答案:

答案 0 :(得分:2)

单词length上有拼写错误。变化:

<button [...]
        ng-disabled="frm.frmEntidade.cnpjEntidade.lenght !== 18">

要:

<button [...]
        ng-disabled="frm.frmEntidade.cnpjEntidade.length !== 18">

作为旁注,此条件检查它是否<18> 不同,而不是“输入至少包含18个字符”。

答案 1 :(得分:0)

尝试ng-disabled="entidade.cnpj.length!=18"

答案 2 :(得分:0)

最好使用ng-minlength进行表单验证。通过选中$valid,您可以启用或禁用按钮

<form id="frm.frmEntidade" name="frm.frmEntidade">
<input type="text" ng-model="entidade.cnpj" id="cnpjEntidade" name="cnpjEntidade" required ng-minlength="18" />
    <span class="input-group-btn">
        <button title="Buscar Entidade" class="btn btn-primary" 
          type="button" ng-click="buscarEntidade(entidade.cnpj)" 
          ng-disabled="!frm.frmEntidade.$valid">
             <span class="glyphicon glyphicon-search"></span>
             Button
              </button>
   </span>  
</form>