HTML中的JavaScript AngularJS调用函数

我有一个复选框

如果选中，->调用一个函数displayBus（数字）

如果未选中，->调用其他函数displayCar（）

这段代码的问题是，我还必须在hide或show中单击以调用该函数

  <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()" />

---

编辑：

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

如果只想在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()" />

谢谢，但如果不是JavaScript，则更好，但HTMLI需要选中/取消选中。然后它将执行displayBus（number）或displayCar（），请更好地描述您的问题，因为我对您试图实现的目标感到困惑。