Javascript 在输入字段中输入文本时启用按钮

我只想在输入字段中输入文本时启用按钮。到目前为止，我的app.js上有这个代码

.controller("EnableDisable", function(){
  $scope.editableInput = false;
})

.directive("inputDisabled", function(){
  return function(scope, element, attrs){
    scope.$watch(attrs.inputDisabled, function(val){
      if(val)
        element.removeAttr("disabled");
      else
        element.attr("disabled", "disabled");
    });
  }
});

这是视图实现：

<div ng-controller="EnableDisable">
<input type="text" input-disabled="editableInput" />
<button ng-click="editableInput = !editableInput">enable/disable</button>
      </div>

启用/禁用

这是plunk url： 目前，当我启动应用程序时，默认情况下该按钮未被禁用。 请接受上述挑战，当在输入字段中输入文本时，如何使按钮可点击（接收事件）。

---

请帮忙

您可以使用Angular来执行此操作

<input type="text" ng-model="textEntered" />
<button ng-disabled="!textEntered">Continue</button>

继续

您必须像这样设置初始范围值。请注意，我已将其设置为false，以便条件将否定并使按钮在页面加载时禁用。然后，我已在输入值上设置一个watch，并相应地切换范围值

var app = angular.module('plunker', []);

app.controller("EnableDisable",  function(){    
  $scope.textEntered=false;

  $scope.$watch($scope.textEntered,function(v)
  {
   if(v)
   {
     $scope.textEntered=true;
   }
   else
   {
     $scope.textEntered=false;
   }
  }
  );
});

而html是-

<input type="text" ng-model="textEntered" />
<button ng-disabled="!textEntered">Continue</button>

继续

试试这个

controller("EnableDisable", function($scope){
  $scope.textEntered = "";
});

HTML:

<button ng-disabled="!textEntered">enable/disable</button>

启用/禁用

---

请只提一个问题。。为什么不使用

表单

验证请创建代码的JSFIDLE你的意思是什么？触发按钮？这是我制作的plnk：为什么要使用目录？其他不可接受？即使在输入字段中没有输入文本，也可以单击按钮。。。。检查我的plunk@JnG检查一下，我已经纠正了几乎所有的事情。。包括了Nishi的回答请你能对这个答案做一个简单的解释吗