Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angularjs中调用输入类型文本中的任何函数?_Javascript_Angularjs - Fatal编程技术网

Javascript 如何在angularjs中调用输入类型文本中的任何函数?

Javascript 如何在angularjs中调用输入类型文本中的任何函数?,javascript,angularjs,Javascript,Angularjs,我给了2个时间选择输入文本(从和到)和一个按钮提交。最初,“我的按钮”被禁用,这意味着无论何时用户从“我的按钮”到“我的按钮”的“按时编辑”都被启用。我的函数名是enable()。下面是我的代码,其中我只显示了从到。我需要对输入或md输入容器调用enable() <md-content class=" pad-hori-27 margin-left66" ng-if="!contactDetails.isAllTime"> <div> <md

我给了2个时间选择输入文本(从和到)和一个按钮提交。最初,“我的按钮”被禁用,这意味着无论何时用户从“我的按钮”到“我的按钮”的“按时编辑”都被启用。我的函数名是enable()。下面是我的代码,其中我只显示了从到。我需要对输入或md输入容器调用enable()

  <md-content class=" pad-hori-27 margin-left66" ng-if="!contactDetails.isAllTime">
    <div>
      <md-input-container>
        <label>From Time</label>
        <input mdc-datetime-picker="" date="false" time="true" type="text" id="time2" placeholder="Time" min-date="minDate" format="HH:mm a" ng-model="contactDetails.timePeriod.fromTime" class=" md-input">
      </md-input-container>

      <md-input-container>
        <label>To Time</label>
        <input mdc-datetime-picker="" date="false" time="true" type="text" id="time2" placeholder="Time"  min-date="minDate" format="HH:mm a" ng-model="contactDetails.timePeriod.toTime" class=" md-input">
      </md-input-container>
    </div>
  </md-content>

不时
按时

您需要
ng更改此属性

<input mdc-datetime-picker="" md-select="enable()" date="false" time="true" type="text" id="time2" placeholder="Time" min-date="minDate" format="HH:mm a" ng-model="contactDetails.timePeriod.fromTime" class=" md-input">

您可以在ng change或ng click指令的帮助下调用函数

<input mdc-datetime-picker="" ng-change="enable()" date="false" time="true" type="text" id="time2" placeholder="Time" min-date="minDate" format="HH:mm a" ng-model="contactDetails.timePeriod.fromTime" class=" md-input">

但在调用函数以启用按钮的地方,您可以进行表单验证

我不确定您是否需要在每次更改输入时调用enable。 相反,在您的按钮上使用,提供从和/或到填充的功能测试

如果您确实需要在更改时调用enable,请使用

编辑(以详细说明解决方案) 值得一提的是,以下是我的建议。 角度模块('changeExample',[]) .controller('ExampleController',['$scope',function$scope){ $scope.value=''; $scope.disable=函数(){ 返回$scope.value==''; }; }]);

提交

值为“{Value}}”(激活:{{!disable()}})


为什么不对此使用表单验证?@hadiJz感谢您的回复。我没有在表单中使用这些字段。这些在列表中。好的。所以在第二次输入中使用
ng change=“enable()”
我尝试了ng change并单击了ng。在我的情况下两者都不起作用。请使用ng change=“enable()”,并在enable()函数中添加一些日志,以便您知道它是否调用了enable()函数。我尝试了ng change并单击了ng。在我的案例中两者都不起作用我已经更新了我的答案,用md select替换了ng更改,这可能会起作用。我试图应用$watch,但不明白如何操作?我可以请你给出小代码。我想了解$watch谢谢。watch接受两个参数,第一个模型名为字符串,第二个回调函数为新旧值。每当模型自动更改其触发器时。非常感谢您的ans。如果我在控制器中添加此代码,那么它将工作,或者我需要执行呼叫或其他操作?谢谢您的回复。但我试着改变和点击。在我的情况下两者都不起作用我尝试了ng change和ng click。在我的情况下,两者都不起作用。
<input mdc-datetime-picker="" ng-change="enable()" date="false" time="true" type="text" id="time2" placeholder="Time" min-date="minDate" format="HH:mm a" ng-model="contactDetails.timePeriod.fromTime" class=" md-input">