如何使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">