Javascript 检查是否定义了复选框_Javascript_Angularjs

Javascript 检查是否定义了复选框

javascript angularjs

Javascript 检查是否定义了复选框,javascript,angularjs,Javascript,Angularjs,我试图检查是否定义了复选框并取消选中它。加载时，我的复选框被禁用，并且我得到了未定义的错误。我试图设置一个条件来避免错误，但没有成功 if ( typeof $scope.user.test !== 'undefined') { $scope.user.test = false; } <md-checkbox ng-model="user.test" layout="row" ng-disabled="userForm.$invalid">

我试图检查是否定义了复选框并取消选中它。加载时，我的复选框被禁用，并且我得到了未定义的错误。我试图设置一个条件来避免错误，但没有成功

 if ( typeof $scope.user.test !== 'undefined')
    {
        $scope.user.test = false;
    }

 <md-checkbox ng-model="user.test" layout="row" ng-disabled="userForm.$invalid">
      Test
 </md-checkbox>

if（typeof$scope.user.test！=“未定义”）
{
$scope.user.test=false；
}
试验

这是一个正在工作的plunker。您可能忘记包含以下所有依赖项。现在你可以做你的工作了

<html lang="en" >
   <head>
      <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
      <script language="javascript">
         angular
            .module('firstApplication', ['ngMaterial'])
            .controller('checkBoxController', checkBoxController);

         function checkBoxController ($scope) {    
             $scope.call = function(){
                 alert($scope.user.test)  
             }
         }  
      </script>      
   </head>
   <body ng-app="firstApplication" ng-controller="checkBoxController">  
      <md-checkbox ng-model="user.test" ng-change="call()" aria-label="No Ink Effects">
         Check
      </md-checkbox>
   </body>
</html>


有棱角的
.module（'firstApplication'，['ngMaterial']））
.控制器（“checkBoxController”，checkBoxController）；
函数checkBoxController（$scope）{
$scope.call=函数（）{
警报（$scope.user.test）
}
}  
检查

这是一个正在工作的plunker。您可能忘记包含以下所有依赖项。现在你可以做你的工作了

<html lang="en" >
   <head>
      <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
      <script language="javascript">
         angular
            .module('firstApplication', ['ngMaterial'])
            .controller('checkBoxController', checkBoxController);

         function checkBoxController ($scope) {    
             $scope.call = function(){
                 alert($scope.user.test)  
             }
         }  
      </script>      
   </head>
   <body ng-app="firstApplication" ng-controller="checkBoxController">  
      <md-checkbox ng-model="user.test" ng-change="call()" aria-label="No Ink Effects">
         Check
      </md-checkbox>
   </body>
</html>


有棱角的
.module（'firstApplication'，['ngMaterial']））
.控制器（“checkBoxController”，checkBoxController）；
函数checkBoxController（$scope）{
$scope.call=函数（）{
警报（$scope.user.test）
}
}  
检查

为什么不将其预设为false？显示您的输入字段。在一行中显示$scope.user.test=$scope.user.test？假：真；你想让我把它放在哪里？为什么不把它预设为false？显示你的输入字段。在一行$scope.user.test=$scope.user.test？假：真；你到底想让我把它放在哪里不，他正在比较

$scope.user.test

和

的类型“未定义”

，这是正确的谢谢。我改了。同样的问题。不，他正在将

$scope.user.test

的类型与

的“未定义”

进行比较，这是正确的，谢谢。我改了。同样的问题。