AngularJs练习Demo4
2016-06-21 23:00
423 查看
@{ 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>
相关文章推荐
- AngularJs练习Demo3
- AngularJs练习Demo2
- AngularJs练习Demo1
- angularjs的表单验证
- AngularJS 避繁就简的路由
- AngularJS 学习记录
- AngularJS 动画和触摸服务
- Angularjs
- 随机生成18位密码
- AngularJS 供应与注入服务
- angularjs 系列之$q和promise
- Bootstrap3 datetimepicker在AngularJs中使用实例
- Angularjs 日期格式转换
- 浅谈AngularJS的$parse服务 1
- AngularJS 2.0五分钟快速入门
- angularjs 表单验证
- Custom filter giving “Cannot read property 'slice' of undefined” in AngularJS
- angularjs cookie 操作
- AngularJs----ng-class
- AngularJS的ng-click过程