如何让 Angular 打开一个按钮并关闭另一个按钮?
How to get Angular to toggle on a button and toggle off the other?
非常简单 objective 但我似乎无法让它工作。我有 2 个开关(使用 ionic 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;
}
};
这一定是我忘记的愚蠢的事情,但我却视而不见!谁能帮帮我?
您在控制器的函数中缺少 $scope 参数:
app.controller('NavController', function ($scope) {...
您没有在控制器函数中注入 $scope
。所以你应该注入 $scope
并且应该工作正常。
app.controller('NavController', function ($scope) {
如果您不在控制器中使用 this
,那么您可能不需要使用 controller as
所以使用
<div class="nav" ng-controller="NavControlle">
而不是
<div class="nav" ng-controller="NavController as nav">
非常简单 objective 但我似乎无法让它工作。我有 2 个开关(使用 ionic 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;
}
};
这一定是我忘记的愚蠢的事情,但我却视而不见!谁能帮帮我?
您在控制器的函数中缺少 $scope 参数:
app.controller('NavController', function ($scope) {...
您没有在控制器函数中注入 $scope
。所以你应该注入 $scope
并且应该工作正常。
app.controller('NavController', function ($scope) {
如果您不在控制器中使用 this
,那么您可能不需要使用 controller as
所以使用
<div class="nav" ng-controller="NavControlle">
而不是
<div class="nav" ng-controller="NavController as nav">