angularJs Demo1
发布时间:2020-12-17 09:48:01 所属栏目:安全 来源:网络整理
导读:!DOCTYPE htmlhtmlheadmeta charset="utf-8"script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"/script/headbodydiv ng-app="myApp" ng-controller="myCtrl" h1 id="myh1"{{hello}}/h1/divscriptvar app = angular.module('my
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app="myApp" ng-controller="myCtrl"> <h1 id="myh1">{{hello}}</h1> </div> <script> var app = angular.module('myApp',[]); app.controller('myCtrl',function($scope,$interval) { $scope.hello = "Hello world!"; var flag = 0; $interval(function () { if (flag===0){ $scope.hello = "I love you"; document.getElementById("myh1").style.color="red"; flag = 1; } else { $scope.hello = "Hello world!"; document.getElementById("myh1").style.color="blue"; flag = 0; } },1000); }); </script> </body> </html>
效果: +++++++++++++++++++ (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- bootstrap-4 – 使用BS4类更改垂直/水平按钮组方向
- 在scala中连续列出连续列表?
- angularjs – 如何在角度ui网格中禁用编辑排序
- WebService入门介绍及案例分析(10级学员 庞丽课堂总结)
- 如何在unix中使用C shell一次读取一行
- scala – Apache Spark – dataset.dropDuplicates()是否保
- 茉莉花 – AngularJS量角器 – 使用Ng-Click绑定在页面上查
- 吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Gly
- angularjs – Firebase数据归一化.我应该如何根据这个结构获
- yum install xxx问题-Cannot find a valid baseurl for rep