zoukankan      html  css  js  c++  java
  • AngularJS中的控制器示例_2

    <!doctype html>
    <html ng-app="myApp">
    	<head>
    		<script src="C:\Users\yuli\Desktop\bower_components\angularjs\angular.js"></script>
    		<script type="text/javascript">
    			angular.module('myApp', []).controller('MyController', function ($scope, $timeout) {
    				var updateClock = function() {
    					$scope.clock = new Date();
    					$timeout(function() {
    						updateClock();
    					}, 1000);
    				};
    				updateClock();
    
    				$scope.a_click = function (msg){
    					console.log(msg);
    				}
    				$scope.value = 1;
    				$scope.add = function (n){
    					$scope.value += n;
    				}
    
    				$scope.clear = function(){
    					$scope.value = 0;
    				}
    			});
    		</script>
    	</head>
    	<body>
    		<div ng-controller="MyController">
    			<h1>Hello {{ clock }}!</h1>
    			这是AngularJS的测试程序。
    			<a href="" ng-click="a_click('hello')">click me console.log message.</a>
    			<a href="" ng-click="add(2)">add 2.</a>
    			<input type="text" ng-model="value"/>
    
    			<br />
    			<a href="" ng-click="clear()">clear.</a>
    		</div>
    	</body>
    </html
    

      

  • 相关阅读:
    POJ1034 The dog task
    POJ1033 Defragment
    POJ1032 Parliament
    POJ1031 Fence
    POJ1030 Rating
    POJ1029 False coin
    伪元素的使用
    伪元素选择器:before 以及 :after
    jquery html() 和text()的用法
    用CSS绘制三角形
  • 原文地址:https://www.cnblogs.com/chengshuiqiang/p/4548071.html
Copyright © 2011-2022 走看看