Javascript AngularJS输入检查/取消检查,具有2个功能

Javascript AngularJS输入检查/取消检查,具有2个功能,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个复选框 检查->调用displayStuff() 取消选中->调用hideStuff() 我试过类似的方法,但不起作用: <input type="checkbox" id="mycheckbox" name="mycheckbox" ng-model="mycheckbox" data-ng-change="myCheckbox ? displayStuff() : hideStuff()" /> 谢谢你的帮助 你可以试试这样的东西。调用函数并确定“mycheckbo

我有一个复选框

检查->调用
displayStuff()

取消选中->调用
hideStuff()

我试过类似的方法,但不起作用:

<input type="checkbox" id="mycheckbox" name="mycheckbox" ng-model="mycheckbox" data-ng-change="myCheckbox ? displayStuff() : hideStuff()" />


谢谢你的帮助

你可以试试这样的东西。调用函数并确定“mycheckbox”的值

函数ctrl($scope){
函数displayStuff(){
警报(“显示”);
}
函数hideStuff(){
警惕(“隐藏东西”);
}
$scope.checkClick=function(){
if($scope.mycheckbox==false)
hideStuff();
其他的
displayStuff();
}
}

您可以试试这样的方法。调用函数并确定“mycheckbox”的值

函数ctrl($scope){
函数displayStuff(){
警报(“显示”);
}
函数hideStuff(){
警惕(“隐藏东西”);
}
$scope.checkClick=function(){
if($scope.mycheckbox==false)
hideStuff();
其他的
displayStuff();
}
}

您只是在ng model=“myCheckbox”中有一个输入错误

angular.module('myApp',[]).controller('myCtrl',function($scope){
$scope.displayStuff=函数(){
$scope.text='displayStuff';
};
$scope.hideStuff=函数(){
$scope.text='hideStuff';
};
});

{{text}}

您只是在ng model=“myCheckbox”中有一个输入错误

angular.module('myApp',[]).controller('myCtrl',function($scope){
$scope.displayStuff=函数(){
$scope.text='displayStuff';
};
$scope.hideStuff=函数(){
$scope.text='hideStuff';
};
});

{{text}}


您还可以使用切换功能,将模型值作为输入

var myApp=angular.module('myApp',[]);
myApp.controller('stuffCtrl',函数($scope){
$scope.data=“显示内容”;
$scope.toggle=函数(条件){
如果(条件){
//做事
$scope.data=“显示内容”;
}
else$scope.data=“东西是隐藏的”;
//做事
}
});

你好,安格尔
展示物品
{{data}}

您还可以使用切换功能,将模型值作为输入

var myApp=angular.module('myApp',[]);
myApp.controller('stuffCtrl',函数($scope){
$scope.data=“显示内容”;
$scope.toggle=函数(条件){
如果(条件){
//做事
$scope.data=“显示内容”;
}
else$scope.data=“东西是隐藏的”;
//做事
}
});

你好,安格尔
展示物品
{{data}}
试试这个:参见


试试这个:参见


HTML:

HTML:

<input type="checkbox" id="mycheckbox2" name="mycheckbox1" ng-true-value="YES" ng-false-value="NO" ng-model="mycheckbox" ng-change="mycheckbox=='YES' ? displayStuff() : hideStuff()" />
    <input type="checkbox" ng-change="checked()"  ng-model="mycheckbox" />
    $scope.checked = function () {
        if ($scope.mycheckbox)
            $scope.hideStuff();
        else
            $scope.displayStuff();

    }


     $scope.displayStuff=function(){
         alert("d");
         $scope.mycheckbox=true;

    }

    $scope.hideStuff= function() {
        alert("h");
        $scope.mycheckbox=false;
    }