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 属性。

 

posted @ 2019-04-17 22:16  xlMite  Views(161)  Comments(0)    收藏  举报