AngularJS - demo - 상용 명령, 내장 서비스, 사용자 정의 서비스, 계승

AngularJS - demo - 상용 명령, 내장 서비스, 사용자 정의 서비스, 계승
상용 명령: ng - app, ng - controller, ng - init, ng - repeat, ng - click
내 장 된 서비스: $scope, $http
사용자 정의 서비스: myService
계승: myController 계승 baseController
표현 식 {{}
실례:

	
		
		
		
	
	
	
	
AngularJS-demo -    、    、     、  
	
	
    : ng-app、ng-controller、ng-init、ng-repeat、ng-click
	
    : $scope、$http
	
     : myService
	
  : myController    baseController
	
	{{list}}
	
	


	
	ng-click
	

		

			
  
			
  
			
  
		
		

			
{{item.name}}
			
{{item.yuwen}}
			
{{item.shuxue}}
		
	
	
	
	
    
    
    
    
    
	

data.json

[
	{"name": "luo", "yuwen": 100, "shuxue": 90},
	{"name": "lei", "yuwen": 90, "shuxue": 96},
	{"name": "xing", "yuwen": 100, "shuxue": 95}
]

base.js

//      
//    
var app=angular.module("myApp", []);

baseController.js

app.controller("baseController", function($scope){
	
	//baseController     controller    ，           
	
	//    ，angular        ，    
	$scope.Reload=function(){
		setTimeout(function(){
			location.reload();
		}, 3000);	
	}
	
});

myController.js

//      controller  $scope                
app.controller("myController", function($scope, $controller, myService){
	
	//   baseController    
	//{$scope : $scope}  baseController $scope      
	$controller('baseController', {$scope : $scope});

	$scope.findList=function(type){
		myService.findData(type).success(
			function(response){
				$scope.list =  response;
				$scope.Reload();
			});
	}

	$scope.Alert=function(){
		alert("ng-click");
	}
});

myService.js

//     service
app.service("myService", function($http){
	//      url   ，      
	this.findData=function(type){
		return $http.get("data.json?type="+type);
	}
});