angularjs基础
1.创建一个模块 angular.moudule("root",["依赖的模块"或为空])
2.获取当前模块的详细信息 angular.moudule("root");
3.ng-* angular内置的指令:
ng-app 程序的启动指令,标记在html元素上面,用法ng-app="模块名称"
4.$rootScope 可以定义全局变量,用于模块与模块的数据共享
5.$scope.$emit 向上一级控制器发送事件(冒泡)子向父
$scope.$broadcast 向下一级传递事件(捕获)父向子,广播
$scope.$on 用来接收事件的值
6.组件通讯有两种方式
1.父到子(@Input装饰器)
- 子组件
- @Input() 定义一个输入
- 父组件
- 使用子组件中定义的@Input()
2.子到父(@Output装饰器)
- 子组件
- @Output() 定义一个输出
- 写一个自定义方法,通过emit,触发@Output
- 父组件
- 使用子组件中定义的@Output()
- $event必须,$event是父组件通过emit传过来的
7.ngIf和ngShow的区别
ngShow - - 这个指令可以控制添加的html元素的显示与消失,作用类似于css的dispaly:none和block,
ngIf -- 这个指令效果和ngShow是一样的,不同的是ngIF是直接删除与显示htmt元素,删除Dom;
8.@NgModule()元数据
@NgModule() 装饰器是一个函数,它接受一个元数据对象,该对象的属性用来描述这个模块。其中最重要的属性如下。
-
declarations(可声明对象表) —— 那些属于本 NgModule 的组件、指令、管道。 -
exports(导出表) —— 那些能在其它模块的组件模板中使用的可声明对象的子集。 -
imports(导入表) —— 那些导出了本模块中的组件模板所需的类的其它模块。 -
providers—— 本模块向全局服务中贡献的那些服务的创建器。 这些服务能被本应用中的任何部分使用。(你也可以在组件级别指定服务提供商,这通常是首选方式。) -
bootstrap—— 应用的主视图,称为根组件。它是应用中所有其它视图的宿主。只有根模块才应该设置这个bootstrap属性。

浙公网安备 33010602011771号