ionic angularJS input 相关指令 以及定时器 的使用
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ionic angularJS input 相关指令 以及定时器 的使用相关的知识，希望对你有一定的参考价值。
<!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>
以上是关于ionic angularJS input 相关指令 以及定时器 的使用的主要内容，如果未能解决你的问题，请参考以下文章
邮政研究基于Ionic+AngularJS+Cordova框架的异常邮件双录查据系统手机客户端的构建（节选）