javascript - 如何让 Angular 打开一个按钮并关闭另一个按钮？

Question

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

我已将开关与 ng-model 和 ng-click 绑定(bind)，但它们不起作用。这是切换的样子:

<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 函数中注入(inject) $scope。所以你应该注入(inject) $scope 并且应该工作正常。

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

如果您不在 Controller 中使用this，那么您可能不需要使用controller as

所以用

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

代替

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