angularjs-------HTML DOM

 <div ng-app="myApp" ng-controller="myCtrl" ng-init="count=1">
            <button ng-disabled="mySwitch">点击</button>
            <p ng-show="mySwitch">ng-show</p>
            <p ng-hide="mySwitch">ng-hide</p>
            <input type="checkbox" ng-model="mySwitch">
            <p>{{mySwitch}}</p>
            <button ng-click="count = count+1">加一</button>
            <p>{{count}}</p>
            <h1>{{x1}}</h1>
            <h1>{{x2}}</h1>
            <h1>{{x3}}</h1>
            <h1>{{x4}}</h1>
            <h1>{{x5}}</h1>
    </div>
    <script>
        var app = angular.module('myApp',[]);
        app.controller('myCtrl',function($scope){
            $scope.mySwitch=true;
            $scope.x1 = "JOJO";
            // 转化为大写
            $scope.x2 = angular.uppercase($scope.x1);
            // 转化为小写
            $scope.x3 = angular.lowercase($scope.x1);
            // 判断是否为字符串
            $scope.x4 = angular.isString($scope.x1);
            // 判断是否为数字
            $scope.x5 = angular.isNumber($scope.x1);
        })
    </script>