如何使Angular打开一个按钮并关闭另一个按钮

How to get Angular to toggle on a button and toggle off the other?

本文关键字：按钮 一个 另一个 Angular 何使      更新时间：2023-09-26

非常简单的目标，但我似乎无法实现它。我有两个开关（使用离子css），表示2种模式。一次只能打开一个模式，所以当你打开一个时，另一个应该关闭（视觉上和代码中）。

我已经用ng-model和ng-click绑定了toggle，但它们不起作用。这就是开关的样子：

<input type="checkbox" ng-click='turnOnAC(true)' ng-model='ac'>
<input type="checkbox" ng-click='turnOnFan(true)' ng-model='fan'>

因此，当调用turnOnAc(true)时，它应该设置$scope.ac = true和$scope.fan = false。

$scope.turnOnAC = function(bool){
    if(bool == true){
    $scope.fan = false;
        $scope.ac = true;
    }
};

我一定是忘了什么傻事，但我对此视而不见！有人能帮我吗？

http://jsfiddle.net/dvtofn6L/59/

您没有在控制器函数中注入$scope。所以您应该注入$scope，并且应该可以正常工作。

app.controller('NavController', function ($scope) {

如果你的控制器中不使用this，那么你可能不需要使用controller as

所以使用

<div class="nav" ng-controller="NavControlle">

而不是

<div class="nav" ng-controller="NavController as nav">

控制器的函数中缺少$scope参数：

app.controller('NavController', function ($scope) {...
相关文章：