ionic angularJS input 相关指令 以及定时器 的使用
2016-02-26 20:25
661 查看
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="../angular.min.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',['$scope','$interval',function($scope,$interval){ var iNow = 5; $scope.text = iNow+'秒'; $scope.isDisabled = true; //setInterval -> $scope.$apply() //$timeout $interval var timer = $interval(function(){ iNow--; $scope.text = iNow+'秒'; if(iNow == 0){ $interval.cancel(timer); $scope.text = '可以点击啦'; $scope.isDisabled = false; } },1000); }]); </script> </body> </html>
View Code
相关文章推荐
- 【AngularJS学习笔记】02 小杂烩及学习总结
- angular 的广义回调管理
- angular.injector
- angular.module
- angularJS实现聊天窗口中发送和接收信息时,将聊天记录窗口滑动条实时滑至底部
- angularjs radio
- angularJs 指令的用法
- angularjs onchange
- angularjs+bootstrap+ngDialog实现模式对话框
- AngularJS 基础点
- 探索angularjs+requirejs全面实现按需加载的套路
- [转]AngularJS 之 Factory vs Service vs Provider
- :angularjs学习总结(~~很详细的教程) 很不错的一篇帖子 适合快速了解angularjs整体结构 有个整体印象
- angularJs中图表功能-angular-flot
- angularJS项目开发需要下载安装和配置的环境
- angular-flot学习总结
- angular-flot学习总结
- 探索angularjs+requirejs全面实现按需加载的套路
- AngularJS 之 ngGrid
- 【AngularJS学习笔记】01 指令、服务和过滤器