소개 지령과 양방향 데이터 귀속

2683 단어
소개 지령과 양방향 데이터 귀속
ng-로 시작하는 지령이라고 합니다.
ng-controller: 컨트롤러
ng-app: 초기화하고 anlugarjs를 쓰지 않으면 실행되지 않으며 국부적인 범위를 겨냥할 수 있습니다.
 
혹은

양방향 데이터 바인딩: MVVM의 데이터 모드
<html ng-app>
	<head>
		<title>Demo1</title>
		<meta charset="UTF-8"/>
		<script type="text/javascript" src="angular.min.js"></script>
		<script>
			function Aaa($scope,$timeout){
				$scope.name ='init';
				setTimeout(function(){
					$scope.name = 'init2';  // JS , 
				},2000);
				
				$timeout(function(){
					$scope.name = '$timeout';
				},2000);
			}
			
		</script>
	</head>
	<body>
		<div ng-controller="Aaa">
			<p>{{name}}</p>
		</div>
	</body>
</html>
<html ng-app>
	<head>
		<title>Demo1</title>
		<meta charset="UTF-8"/>
		<script type="text/javascript" src="jquery-1.11.1.js"></script>
		<script type="text/javascript" src="angular.min.js"></script>
		<script>
			function Aaa($scope,$timeout){
				$scope.name ='init';
				$scope.show = function(){
					$scope.name='fnhi';
				}
			}
			
		</script>
	</head>
	<body>
		<div ng-controller="Aaa">
			<input type="text" ng-model="name"/>
			<p>{{name}}</p>
		</div>
		
	</body>
</html>

명령:ng-click=""
<div ng-controller="Aaa" ng-click="name='hi'">
	<p>{{name}}</p>
</div>

함수 호출 방법:
<html ng-app>
	<head>
		<title>Demo1</title>
		<meta charset="UTF-8"/>
		<script type="text/javascript" src="jquery-1.11.1.js"></script>
		<script type="text/javascript" src="angular.min.js"></script>
		<script>
			function Aaa($scope,$timeout){
				$scope.name ='init';
				$scope.show = function(){
					$scope.name='fnhi';
				}
				setTimeout(function(){
					$scope.name = 'init2';  // JS , 
				},2000);
				
				$timeout(function(){
					$scope.name = '$timeout';
				},2000);
			}
			
		</script>
	</head>
	<body>
		<div ng-controller="Aaa" ng-click="show()">
			<p>{{name}}</p>
		</div>
		
	</body>
</html>

ng-mouseover,ng-mousedown....

좋은 웹페이지 즐겨찾기