angular.module('myApp',['ngSanitize'])
			.controller('demoCtrl',['$scope','$http',function($scope,$http){
				/*$.ajax({
					url:'',
					type:'',
					data:{},
					success:function(){},
					error:function(){}
				})*/
				/*$http({
					url:'./tpl/a.html',// 请求地址
					method:'get', // 请求方式
					// get请求需要传递的参数
					params:{
						a:1,
						b:2
					},
					// post请求需要传递的参数
					data:{
						c:3,
						d:4
					}
				}).then(function(res){
					// 成功回调函数
					console.log(res.data)
					
					
				},function(){
					// 失败回调函数
				});*/
				// 如果只有一个回调函数 代表成功
				/*$http.get('./tpl/a.html',{ params:{a:1,b:2} }).then(function(res){
					console.log(res.data)
				})*/
				$http.post('./tpl/a.html',{ c:3,d:4 }).then(function(res){
					$scope.msg = res.data;
				});
				
			}])

angular.module('myApp', []).config(function($sceDelegateProvider) {
  $sceDelegateProvider.resourceUrlWhitelist([     // 白名单
    // Allow same origin resource loads.
    'self',
    // Allow loading from our assets domain.  Notice the difference between * and **.
    'http://srv*.assets.example.com/**'   // 请求的地址
  ]);
  // The blacklist overrides the whitelist so the open redirect here is blocked.
  $sceDelegateProvider.resourceUrlBlacklist([
    'http://myapp.example.com/clickThru**'      // 黑名单
  ]);
});

模块对象.filter('自定义过滤器名字',[function(){ 
    return function(要处理的数据,滤过器参数1,滤过器参数2,...){
        // 具体处理数据的代码
        return 处理后的数据;
    }
}])

angular.module('myApp',[])
			.filter('phoneStar',[function(){
				return function(value){
					var front = value.substr(0,3);
					var last = value.substr(7);
					// 在处理完数据以后 一定要return出去
					return front + '****' + last;
				}
			}])
			.filter('firstUpper',[function(){
				return function(value,arg1,arg2,arg3){
					console.log(arg1,arg2,arg3);
					return value.substr(0,1).toUpperCase() + value.substr(1)
				}
			}])
			.controller('demoCtrl',['$scope',function($scope){
				$scope.phone = "18598787657";
				$scope.word = "angular";
				
			}])

模块对象.directive('指令名称',[function(){
	
	// 固定语法
	return {
		// angular提供的专门用来写DOM操作的地方
		link : function(scope,element,attributes){
				
			// 形参的名字 是可以改的
			// element 指令所在的元素 jqLite对象
			// attributes 指令所在元素身上的 属性集合
		}
	}
}])
js - > myDir
html -> my-dir
指令在页面中没有被使用 那么指令将不会被执行		
指令在页面中被使用了多少次 那么指令将会被调用多少次

angular.module('myApp',[])
		.directive('myDir',[function(){
			return {
                 
				link:function(scope,element,attributes){
					element.css('background','red');
					console.log(attributes)
				}
			}
		}])
		.controller('demoCtrl',['$scope',function($scope){
	
		}])

$('#div1')
$(document.getElementById('div1')).css()
angular.element( 原生JS对象 )  把原生JS对象转换成JQLite对象  可以使用jq的方法

angular.module('myApp',[])
	.controller('demoCtrl',['$scope',function($scope){
		var oDiv = angular.element( document.getElementById('div1') );
		console.log(oDiv);
		oDiv.css({
			background:'green'
		}).addClass('class1')
		
	}])

angular.module('myApp',[])
			.directive('myDir',[function(){
				return {                                      // 有几个地方用到了指令，那么这个就会被调用几次
                  scope:true,  // 让每个指令所在的元素有单独的作用域
                  transclude:true,// 把指定所在标签内的内容保存    配合ng-transclude使用 配合一个标签放内容
                  replace:true, // 去掉指令所在的标签，保留模板内容，如果模板有多标签需要一个根标签包裹
                  template:"<span ng-transclude></span>"
					link:function(scope,element,attributes){
						element.css('background','red');
						console.log(attributes)
					}
				}
			}])
			.controller('demoCtrl',['$scope',function($scope){
		
			}])

		/*
			myApp变量 是创建模块返回的模块对象
			myApp字符串 是创建的模块的名字
			ng-app指令里面写的是 模块的名字
		 */
var myApp = angular.module('myApp',[])
		myApp.controller('demoCtrlA',function($scope){
		
			// $scope 名字不能改 是对象类型的
			// 专门用来向控制器控制的区域 暴露数据
			
			$scope.msg = '我是demoCtrlA里面的MSG';
			$scope.val = "我是通过控制器赋的初始值";
			$scope.clickFn = function(){
				alert('就点你了,怎么地吧')
			}
		});
		myApp.controller('demoCtrlB',function($scope){
			$scope.msg = "我是demoCtrlB里面的MSG";
		});

/*
	
	依赖的某一个模块就相当于 拥有了这个模块的功能
	1.将被依赖的模块通过 script 标签引入
	2.将被依赖的模块 名字 写在主模块的第二个参数中
 */
angular.module('myApp',['lunbotuModule']);

/*
	加第二个参数 是 创建模块
	不加第二个参数 是 获取模块
 */
// var myApp = angular.module('myApp',[]);
// console.log( myApp == angular.module('myApp') );
angular.module('myApp');

angular.module('myApp',[])
			.controller('demoCtrl',['$scope',function($scope){
				$scope.money = 998.011;
				$scope.date = new Date();
				$scope.persons = [
					{
						id:1,
						name:'张三',
						age:20
					},
					{
						id:2,
						name:'李四',
						age:30
					},
					{
						id:3,
						name:'王五',
						age:10
					},
					{
						id:4,
						name:'赵六',
						age:50
					}
				]
				$scope.word = '我爱祖国';
				$scope.msg = 'angular';
				$scope.number = 123477777777777755;
				
			}])

服务的作用:是用来抽象公共代码的
			模块对象.service('服务名称',[function(){			
				this.name = '张三';
				this.say = function(){
					alert(this.name);
				}
			}])
			是用来创建服务的
			angular 会将服务的回掉函数当作构造器来new

angular.module('myApp',[])
			.service('myService',[function(){
				this.name = '张三';
				this.say = function(){			
					alert(this.name);
				}
			}])
			.controller('demoCtrlA',['$scope','myService',function($scope,myService){
				myService.name = '李四';				
			}])
			.controller('demoCtrlB',['$scope','myService',function($scope,myService){
				myService.say();
				
			}])

<span ng-style="{'width':'100px','height':'100px'}"></span>
<span style="width:100px;height:100px;"></span>
	scope.style = {
					background:'skyblue',
					width:'100px',
					height:'100px',
					position:'fixed',
					lineHeight:'100px',
					fontSize:'40px',
					textAlign:'center',
					right:'10px',
					bottom:'10px',
					cursor:'pointer'
				};

//形式  define(funciton(){ /* 模块自己的代码 */})
define(["./moduleC.js"],function(){
    console.log("我是B中的模块")
});
//当模块要提供内容给别人使用的时候，需要使用return语句将内容进行返回
define(["./moduleB.js"],function(){
    console.log("我是A中的模块");
    var obj = {
        sayHello:function(){
            console.log("我是调用的结果")
        }
    }
    return obj;
});
//当模块依赖于别的模块的时候，需要给当前模块添加依赖项
//define(["依赖项", "依赖项"], function(依赖项的返回值){ })

//require(["模块的名称（不需要.js后缀）"])  新版本有.js后缀也没关系
 require(["./moduleA"]);
//第二参数的函数，为 模块加载完毕之后的回调函数
require(["./moduleA"],function(){});
			//如果引用的模块有产出内容，在引用的模块内通过return返回了东西
            //我们可以通过在回调函数中添加形参，来接收前面的模块的返回内容
            //形参和模块是一一对应的
//在某个js文件定义一个模块  具有返回值的模块
define(["./moduleA"],function(){
    console.log("我是A中的模块");
    var obj = {
        sayHello:function(){
            console.log("我是调用的结果")
        }
    }
    return obj;
});
------------------------------------------------------------------------
 	 require(["./moduleA"], function(obj){
        	obj.sayHello();
        	console.log(obj);
         });

//main.js里的代码
var input = document.createElement("input");
div.id = "txt";
document.body.appendChild(input);
----------------------------------------------------------
	<script src="require.js" data-main="main.js"></script>
  	<script>
         document.getElementById("txt").value =  "123";
    </script>

//config方法可以用来对requirejs进行配置
        //传的参数是一个对象
        require.config({
            //如果使用baseUrl来设置了基本路径，那么所有的模块查找都会以该路径作为基础
            //如果按照baseUrl找文件找不到，那么requirejs还会以引用模块的代码所在文件为基础再查找一次
            baseUrl: "/",
            //paths中可以为模块路径设置一个别名（id）
            //以后在使用模块的时候，直接用别名即可！
            //paths中只需要添加 特别常用的内容即可
            paths: {
                //属性名：别名（id）
                //属性值：别名代表的模块路径！！！
                "a": "modules/a/b/c/moduleA",
                "b": "modules/a/b/c/moduleB",
                "c": "modules/a/b/c/moduleC",
            }
          shim: {
            //做第三方模块的加载配置 可以配置依赖项 也可以配置导出项（返回值）
            "要配置的模块的别名id": {
                deps: ["模块的依赖项"],
                exports: "模块要返回的内容（是一个字符串，requirejs会在模块中找和字符串相同的全局变量，将其值作为当前模块的返回值！）"
            }
        }
        });
        require(["a"]);

require(["jquery"],function($){
            console.log($("body"));
        });

shim: {
           //要设置哪个模块
           animate: {
               //对象中包含这个第三方内容的配置信息
               //1、配置模块的输出项
               //exports就是用来设置这个模块的输出项的 ，就类似于给这个模块中添加了返回值！
               //这个属性值是一个字符串， require会自动去这个模块中找和字符串同名的全局变量
               //将这个全局变量设置为 模块的返回值
               exports: "obj"
           },
           bigger: {
               //配置当前模块的依赖项
               deps: ["jquery"]
           }