Question

我正在尝试检查是否已定义复选框并取消选中它。在加载时，我的复选框被禁用，我收到了未定义的错误。我试图提出一个条件，以避免错误，但没有工作

 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>

Answer 1

https://plnkr.co/edit/h2t3K0Fwxpo5gAhAeqqt?p=preview这里有工作人员。您可能忘记包含以下所有依赖项。现在你可以做你的工作。

<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>

检查复选框是否定义

1 个答案: