Angular 2架构知识概解

1,模块(module):可执行单个任务的代码块,用export指明其为一个模型,定义为public,可为整个应用程序引用

2,组件,组件是具有模板的控制器类,主要处理页面上的应用程序和逻辑的视图。 它是一个可以在整个应用程序中使用的代码。注册时使用 @Component 注释。表明其是一个组件。

3,模板:定义组件的视图,该模板告诉Angular如何显示组件,在插值大括号中放置模板表达式{{ }}显示该值

4,数据绑定:是通过声明源和目标HTML元素之间的绑定来协调应用程序数据值的过程。 它将模板部分与组件部分和模板HTML组合,使用标记绑定以连接两侧。 有四种类型的数据绑定:

  • 插值:它显示div标签中的组件值。

  • 属性绑定:将属性从父级属性传递给子级的属性。

  • 事件绑定:当您单击组件方法名称时触发。

  • 双向绑定:[(ngModel)] 是 Angular 的双向数据绑定语法。数据绑定是模型和视图组件之间的数据同步。 要显示组件属性,可以将其名称放在视图模板中,用双花括号括起来。 双向数据绑定使用指令 ngModel 合并单个符号中的属性和事件绑定。

5,服务是服务是在多个“互相不知道”的类之间共享信息的好办法,仅负责执行特定任务的JavaScript函数。 角度服务使用依赖注入机制注入。 服务包括应用程序所需的值,功能或功能。 一般来说,服务是一个类,它可以执行某些特定的事情,如日志服务,数据服务,消息服务,应用程序的配置等。在Angular中没有什么关于服务,并且没有ServiceBase类,但仍然服务可以被视为 基本的角度应用。

6,指令:该伪指令是表示元数据的类。 有三种类型的指令:

  • 组件指令:它使用视图和控制器创建自定义控制器,并用作自定义HTML元素。

  • 装饰指令:它使用额外的行为装饰元素。

  • 模板指令:它将HTML转换为可重用的模板。

7,依赖注入:是一种将对象作为应用程序中不同组件中的依赖关系传递的设计模式。 它创建一个新的类的实例及其所需的依赖项。

使用依赖注入时,必须记住以下几点:

  • 依赖注入被刺激到框架中,并且可以在任何地方使用。

  • 注入器机制维护服务实例,并且可以使用提供者创建。

  • 提供者是创建服务的一种方式。

  • 您可以与注入器一起注册提供程序。

8,管道:是格式化字符串,金额,日期和其他显示数据的好办法

9,元数据:Angular 需要知道如何把应用程序的各个部分组合到一起,以及该应用需要哪些其它文件和库。 这些信息被称为元数据(metadata)

10,路由

路由定义 会告诉路由器,当用户点击某个链接或者在浏览器地址栏中输入某个 URL 时,要显示哪个视图。

典型的 Angular 路由(Route)有两个属性:

  1. path:一个用于匹配浏览器地址栏中 URL 的字符串。

  2. component:当导航到此路由时,路由器应该创建哪个组件。

*ngFor 是一个 Angular 的复写器(repeater)指令。 它会为列表中的每项数据复写它的宿主元素。

使用*ngIf 隐藏空白的详情。(来根据条件包含或排除了一段 HTML。)

主从组件:@Input()装饰器

猜你喜欢

转载自blog.csdn.net/iceggy/article/details/83583315
今日推荐