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