摘要: @NgModule 元数据 NgModule是一个带有@NgModule()装饰器的类。@NgModule()装饰器是一个函数,它接受一个元数据对象,该对象的属性用来描述这个模块。其中最重要得到属性如下: ①declarations(可声明对象表) -- 那些属于本NgModule的组件,指令,管道 阅读全文
posted @ 2019-11-20 09:18 总是不停地吃吃吃 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 架构概览 Angular是一个用HTML 和TypeScript 构建客户端应用的平台与框架。 Angular的基本构造块是NgModule ,它为组件提供了编译的上下文环境。NgModule会把相关的代码收集到一些功能集中。Angular就是由一组NgModule定义出的 应用至少会有一个用于引导 阅读全文
posted @ 2019-11-19 18:52 总是不停地吃吃吃 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 1、启用HTTP服务 HttpClient是Angular通过HTTP与远程服务器通讯的机制要让HttpClient在应用中随处可见,请 ①打开根模块APPModule②从@angular/common/http中导入HTTPClientModule符合import { HttpClientModu 阅读全文
posted @ 2019-11-19 17:15 总是不停地吃吃吃 阅读(205) 评论(0) 推荐(0) 编辑
摘要: CLI命令-所有ng * 一、CLI命令语法 1、大多数命令以及少量选项,会有别名,别名会显示在每个命令的语法描述中 2、选项名中带有双中线前缀 (--),选项别名中带有单中线前缀(-)。参数没有前缀,eg ng build my-app -c production 3、通常,生成的工件(artif 阅读全文
posted @ 2019-11-06 10:44 总是不停地吃吃吃 阅读(1099) 评论(0) 推荐(0) 编辑
摘要: 创建工作空间、应用,库时,自动生成的文件结构 1、创建工作空间 Step1:命令:ng new my-workspace --createApplication="false" 每个工作空间中的所有项目共享一个CLI配置环境,该工作空间的顶层包含着全工作空间级的配置文件 Step2:生产的文件项有: 阅读全文
posted @ 2019-10-16 18:18 总是不停地吃吃吃 阅读(149) 评论(0) 推荐(0) 编辑
摘要: Angular.json文件解析: 提供了全工作区级的配置和具体项目的默认配置,供Angular Cli中的构建工具和开发工具使用。此配置 所提供的路径都是相对于工作区根目录的 6个option位于文件的顶级,用于配置工作空间 1、$schema:"./node_modules/@angular/c 阅读全文
posted @ 2019-10-16 16:10 总是不停地吃吃吃 阅读(2673) 评论(0) 推荐(0) 编辑
摘要: 一个Angular工程有一个工作空间,但一个工作空间可以存在单个或者多个项目 Angular中的项目指的就是Application或者Library Case1:Angular工作空间只有一个项目(Application) step1: ng new my-app //此命令会创建angular w 阅读全文
posted @ 2019-10-10 18:45 总是不停地吃吃吃 阅读(189) 评论(0) 推荐(0) 编辑
摘要: Cli(Command Line Interface)命令行界面的简写,是一种命令行接口,Angular Cli是一个命令行界面工具,用于管理Angular的开发周期。它用于为工作区或项目创建初始的脚手架,并且运行生成器,来为初始生成的版本添加或修改各类代码。CLI支持开发周期中的所有阶段,比如构建 阅读全文
posted @ 2019-10-10 18:44 总是不停地吃吃吃 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 1、主组件向从组件传参数, 从组件根据传递的参数-使页面呈现不同的响应结果: step1: 在子组件ts文件中 给属性用@Input() 符合标识此参数是从主组件传递过来的,属于输入参数, eg : @Input() hero: Hero; -->从主组件接收一个Hero对象的hero属性 step 阅读全文
posted @ 2019-10-04 10:07 总是不停地吃吃吃 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 1、*ngFor 是一个结构型指令。结构型指令会通过添加,删除和操纵它们的宿主元素等方式塑造或重塑造DOM的结构。任何带有*的指令都是结构型指令 So, for examples:<li *ngFor="let hero of heroes"> // <li>就是*ngFor的宿主元素 JAVASc 阅读全文
posted @ 2019-10-03 09:20 总是不停地吃吃吃 阅读(381) 评论(0) 推荐(0) 编辑