zhaojf88-CSDN博客

原创 angular知识点（七）

1、angular模块共有两种类型：功能模块feature module和根模块root module。功能模块用于把相关的应用程序功能归集起来，使应用程序更容易管理2、根模块用于向angular描述应用程序，描述内容包括：运营应用程序所需的功能模块，应该加载哪些自定义功能及根组件的名称。根模块文件的惯用名称是app.module，它在src/app文件夹中创建3、根模块的唯一作用是通过@Ng...

2019-09-29 16:59:45 320

原创 angular知识点（六）

1、在angular开发中获得更多经验后，确定把逻辑放在哪里就成为第二天性，但这里有三条规则：模板逻辑应该只准备用于显示的数据，而不应该修改模型；组件逻辑不应该直接从模型中创建、更新或删除数据；模板和组件永远不能直接访问数据存储2、在设计良好的angular应用程序中，从restful服务中获取数据，而服务器的工作是隐藏数据存储的实现细节，并以合适的数据格式向客户端提供数据，这种格式有利于客户端...

2019-09-29 16:25:29 117

原创 angular知识点（五）

1、控制器在angular中称为组件，是angular web应用程序中的结缔组织，充当数据模型和视图之间的管道，遵循MVC模式的组件应该：包含设置模板初始状态所需的逻辑；包含模板所需的逻辑行为，以显示模型中数据；包含基于用户交互操作更新模型所需的逻辑行为。组件不应该：包含操作DOM的逻辑，这是模板的工作；包含管理数据持久化的逻辑，这是模型的工作2、领域模型并不是angular应用程序中的唯一数...

2019-09-29 15:54:53 141

原创 angular知识点（四）

1、应用MVC模式的关键是实现关注点的分离，即应用程序中的数据模型与业务逻辑和表示逻辑分离，在客户端WEB开发中，这意味着分离数据、操作该数据的逻辑以及用于显示数据的HTML元素。结果是客户端应用程序更容易开发、维护和测试2、MVC模式的客户端实现通常是通过RESTFUL WEB服务，从服务器端组件中获取数据，控制器和视图的目标是对模型中的数据进行操作，以执行DOM操作，从而创建和管理用户可以与...

2019-09-29 09:37:43 91

原创 angular知识点（三）

1、两种web应用程序：往返式和单页式2、浏览器本质上是HTML内容的渲染引擎，所有的应用程序逻辑和数据都驻留在服务器上3、往返式应用程序有一些严重的缺点：请求和加载下一个HTML文档时，用户必须等待4、单页式应用程序采用不同的方法，初始HTML文档会发送到浏览器，但是用户交互操作的结果是AJAX请求将HTML的小片段或数据插入到现有的元素集中，显示给用户5、初始的HTML文档永远不会被重...

2019-09-29 09:13:52 146

原创 angular知识点（二）

1、*ngFor表达式，用于为数组中的每个项重复指定区域的内容2、*ngFor表达式应用于元素的属性3、*ngFor表达式还跟踪正在处理的当前对象在数组中的索引4、[ngSwitch]表达式是一个条件语句，用于根据指定的值将不同的一组元素插入文档中5、*ngSwitchCase6、*ngSwitchDefault7、模板仅包含单向数据绑定时，意味着他们用于显示数据值，但不能做任何改变...

2019-09-29 08:55:37 130

原创 angular知识点（一）

1、将数据与数据的呈现方式进行分离，是MVC模式的关键思想之一2、使用export关键字来标识要在应用程序其他位置使用的数据或类型3、应用程序需要一种途径向用户展示模型中的数据值，在angular中，这项工作由模板完成，这里的模板是指包含由angular执行的指令的HTML片段4、{{和}}字符是数据绑定的示例，这意味着他们在模板和数据值之间建立关联5、angular组件负责管理模板并为其...

2019-09-29 08:46:16 177

原创 angular的引导文件main.ts

**angular的引导文件main.ts**//引入依赖import { enableProdMode } from ‘@angular/core’;import { platformBrowserDynamic } from ‘@angular/platform-browser-dynamic’;import { AppModule } from ‘./app/app.module...

2019-09-29 08:16:32 1403

原创 angular的根组件文件app.component.ts

**angular的根组件文件app.component.ts**//引入依赖import { Component } from '@angular/core';//看到该装饰器就说明这是一个组件@Component({ //指定一个CSS选择器,告诉angular如何在HTML文档中应用该组件 selector: 'app-root', //指定组件对应的模板文件 t...

2019-09-27 17:29:17 1159

原创 angular的根模块文件app.mudule.ts

**angular的根模块文件app.mudule.ts**import { BrowserModule } from '@angular/platform-browser';import { NgModule } from '@angular/core';import { AppComponent } from './app.component';@NgModule({ de...

2019-09-27 16:46:21 376

zhaojf88的博客