【angular】angular框架介绍

是什么?

什么是框架?众所周知,就是一种实现的结构,从程序员的角度看,前端框架是一种特殊的、已经实现了的web应用,我们只需要对他进行具体的业务逻辑的填充即可,由框架根据具体的业务逻辑来调用代码的执行。angular就是一个这样的JavaScript框架。

angular的七个核心概念

模块:用来进行文件的切分,保证JavaScript文件引入顺序,来正确加载相应的类库。

指令:为特定的DOM元素添加新的行为特征,从而扩展元素的功能。使用方式类似于HTML元素属性,但是指令可以自定义属性。

组件:指令的另一种类型,构建一个个小的组织代码单元,每个代码单元职责定义清晰,并且可以在多个应用中复用。在每个angular应用中都有一个组件树,由应用组件或者叫顶层的根组件和许多子组件以及兄弟组件组成,能形象的勾勒出UI界面的组成,体现 了一个组件到另一个组件间的数据流动。

模板和数据绑定:当使用组件标签时,可以通过template或templateUrl属性引入Html来描述angular渲染显示的界面内容。另外,需要数据绑定机制来实现吧数据映射到模板上或者从模板中取回数据。

服务和依赖注入
在angular中,如果说组件是用于处理界面交互相关的,那么服务就是开发者用于书写和放置可重用的公共功能(日志管理、权限管理)和复杂业务逻辑的地方。服务可以被共享从而被多个组件复用。在angular中,一个服务就是一个简单的类,通常在组件中引用服务来处理数据和实现逻辑。

依赖注入可以帮助应用解耦,一般通过对实现服务的类加上@Injectable装饰器,同时把他注册到Provider(可以在模块、其他服务、组件或需要注入服务的上层组件中实施)。

他们之间的关系:
与用户直接交互的是模板视图,模板视图并不是独立的模块,它是组成组件的要素之一。
另一要素是组件类,用以维护组件的数据模型及其功能逻辑。
路由的功能是控制组件的创建和销毁,从而驱使应用界面跳转切换。
指令与模板相互关联,最重要的作用是增强模板特性,间接扩展了模板的语法。
服务是封装若干功能逻辑的单元,这个功能逻辑可以通过依赖注入机制引入到组件内部,作为组件功能的扩展。

【angular】angular框架介绍_第1张图片

你可能感兴趣的:(前端框架,angular,指令,组件,angular七个核心概念)