在输入字段中输入文本时启用按钮 [英] Enable a button on entering text in input field

问题描述

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

I want to enable a button only when a text is entered on an input field. So far I have this code on my 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>

这是简单的网址: https://plnkr.co/edit/bHtZJ1H5JvM2XTuhft6J?p=preview 目前，当我启动该应用程序时，默认情况下未禁用该按钮.请接受上述挑战，当在输入字段中输入文本时，如何使按钮可单击(接收事件).请协助！

This is the plunk url: https://plnkr.co/edit/bHtZJ1H5JvM2XTuhft6J?p=preview Presently when I launch the app, the button is not disabled by default. Please with the above challenge how can I make the button clickable (receive events)when a text is entered on the input field. Kindly assist!

推荐答案

尝试这个

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

HTML:

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

请参考柱塞

这篇关于在输入字段中输入文本时启用按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！