• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

HTML中的JavaScript AngularJS调用函数

JavaScript 来源:Carlos 3次浏览

我有一个复选框。HTML中的JavaScript AngularJS调用函数

如果检查 – >调用一个函数displayBus(数量)

如果选中 – >调用其他功能displayCar()

这段代码的问题是,我也曾经到点击隐藏或显示以调用该功能。

<input type="checkbox" id="mycheckbox" name="mycheckbox" ng-model="mycheckbox" /> 
     <div ng-show="mycheckbox"> 
      <a style="cursor: pointer;" ng-click="displayBus(number);">hide</a> 

     </div> 
     <div ng-hide="mycheckbox"> 
      <a style="cursor: pointer;" ng-click="displayCar();">show</a> 
     </div> 

但我只想检查/取消选中,然后自动调用该函数。 我不想点击隐藏或显示。

感谢您的帮助。

===========解决方案如下:

您可以连接最多的NG-变化的复选框,然后检查它的值:

<input type="checkbox" id="mycheckbox" name="mycheckbox" ng-model="mycheckbox" data-ng-change="dataChanged()" /> 

,然后在你的JavaScript:

$scope.dataChanged = function(){ 
    if($scope.mycheckbox){ 
     //checked 
    } 
    else{ 
     //not checked 
    } 
}; 

编辑

如果您只想在html中执行此操作:

<a style="cursor: pointer;" ng-click="myCheckbox ? displayBus(number) : displayCar()">hide</a> 

编辑

<input type="checkbox" id="mycheckbox" name="mycheckbox" ng-model="mycheckbox" data-ng-change="myCheckbox ? displayBus(number) : displayCar()" /> 

版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)