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

Question

真正简单的目标，但我似乎无法使其正常工作。 我有2个切换开关（使用离子型CSS）代表2个模式。 一次只能打开一种模式，因此当您打开一种模式时，另一种模式应该关闭（在视觉上和在代码中）。

我已经将切换器与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">