Angular
优势是做SPA
spa 单页应用
controller 通信
父子级通信
子级给父级发送数据
发送
$scope.$emit('名字',值);
父级给子级发送数据
发送
$scope.$broadcast('名字',值);
接收
$scope.$on('名字',function(ev,data){
data
});
jsonp
https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su
filter 过滤器
自定义过滤器
app.filter('过滤器名字',function(){
return function(input){
操作input的值。
return 值;
};
});
capitalizes 首字母大写
getCnDay 获取中文星期
trim 去除首尾空格
自定义指令
directive
app.directive('名字',function(){
return {
link:function(scope,ele,attr){
}
};
});
深入Controller
传统写法不能压缩，因为angular核心是依赖注入
app.controller('main',['$scope','$http',function(scope,http){
}]);
controller的另一种写法
var app = angular.module('app',[],function($controllerProvider){
$controllerProvider.register('控制器名字',function($scope){
});
});
filter的另一种写法
var app = angular.module('app',[],function($controllerProvider,$filterProvider){
$filterProvider.register('名字',function(){
return function(input,param){
};
});
$controllerProvider.register('控制器名字',function($scope){
});
});
directive另一种写法
var app = angular.module('app',[],function($controllerProvider,$filterProvider,$compileProvider){
$compileProvider.directive('名字',function(){
return {
link(scope,ele,attr){
}
};
});
$filterProvider.register('名字',function(){
return function(input,param){
};
});
$controllerProvider.register('控制器名字',function($scope){
});
});
