AngularJs练习Demo4

工程师子尧技术 2022年11月18日

0 收藏 926 点赞 4,342 浏览 830 个字

 @{
     Layout = null;
 } <!DOCTYPE html> <html>
 <head>
     <meta name="viewport" content="width=device-width" />
     <title>Input</title>
     <script type="text/javascript" src="~/Scripts/angular.js"></script>
 </head>
 <body>
     <div ng-app="myApp">
         <div ng-controller="firstController">
             <input type="button" ng-value="text" ng-disabled="isDisabled" />
             <input type="text" value="{{text}}" ng-readonly="isDisabled" />
             <input type="checkbox" value="{{text}}" ng-checked="isDisabled" />
         </div>
     </div>
     <script type="text/javascript">
         var app = angular.module("myApp", []);
         app.controller("firstController", function ($scope,$interval) {
           //  $scope.text = "phoneGap中文网";
             $scope.isDisabled = true;
             $scope.n = 5;
             $scope.text = $scope.n + '秒';
           var time=$interval(function () {
               $scope.n--;
               $scope.text = $scope.n + '秒';
               if ($scope.n == 0)
               {
                   $interval.cancel(time);
                   $scope.text = "可以点击了";
                   $scope.isDisabled = false;
               }
             },1000)
         });
     </script>
 </body>
 </html>