如何让Angular在一个按钮上切换并切换另一个按钮？

Question

非常简单的目标，但我似乎无法让它发挥作用。我有2个切换（使用离子css）代表2种模式。一次只能打开1种模式，因此当您打开一种模式时，另一种模式应该关闭（视觉上和代码中）。

我已使用ng-model和ng-click绑定了切换，但它们无效。这就是切换的样子：

<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/

Answer 1

您在Controller的功能中缺少$ scope参数：

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

Answer 2

您没有在控制器功能中注入$scope。所以你应该注入$scope并且应该正常工作。

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

如果您未在控制器中使用this，则可能无需使用controller as

所以使用

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

而不是

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