![](https://img-blog.csdnimg.cn/20210805093844713.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Angular
文章平均质量分 86
Angular v2.x以上
smart_dream
这个作者很懒,什么都没留下…
展开
-
【Angular】(学习二)项目启动过程分析
(1)angular.json:NG项目配置 index:./src/index.html <app-root></app-root> main:./src/main.ts(2)main.ts > bootstrapModule()原创 2021-08-10 09:29:56 · 362 阅读 · 0 评论 -
【Angular】(学习一)搭建环境
一、设计原则GRASP设计原则:SOLID设计原则:GOF设计模式①DRY - Don't Repeat Yourself 不要重复你自身:尽量在项目中减少重复的代码行,重复的方法,重复的模块。②KISS - Keep It Simple & Stupid 保持简单易懂:将复杂的东西“简单”的实现出来。我们应该致力于代码的可理解性,降低复杂度,让维护变得简单。 "任何一个傻瓜都能写出计算机可以理解的程序,只有写出人类容易理解的程序才是优秀的程序员。"...原创 2021-08-05 17:03:08 · 279 阅读 · 0 评论 -
安装Node.js
第一步:cmd查看本地是否有node,并且是否是自己需要的版本号第二步:到node官网、node中文官网下载所需node版本号,当前测试时,最新v14第三步:安装最新版本node(如果已有旧版本,需要卸载之前版本node) 先卸载:电脑 开始 → 搜索控制面板 → 卸载程序 → 找到node.js卸载 安装最新版本的node,一直点下一步下一步就可以了。 npm是包含在node.js里面的一个包管理工具。安装好node,就可以不需要安装npm啦检验是否安装成功,...原创 2021-08-05 14:42:26 · 4031 阅读 · 0 评论 -
GRASP、SOLID、GOF、DRY、KISS、YAGNI、LOD 设计模式与原则
GRASP:通用职责分配软件模式(共9种)告诉我们怎样设计问题空间中的类与分配它们的行为职责,以及明确类之间的相互关系等Infomation Expert(信息专家) Creator(创造者) Low coupling(低耦合) High cohesion(高内聚) Controller(控制器) Polymorphism(多态) Pure Fabrication(纯虚构) Indirection(间接) Protected Variations(受保护变化)SOLID:设计原则(原创 2021-08-05 11:40:49 · 623 阅读 · 0 评论 -
Angular学习笔记
带有双花括号的插值表达式 (interpolation) 来显示一个组件属性。 用 ngFor 显示数组。 用一个 TypeScript 类来为你的组件描述模型数据并显示模型的属性。 用 ngIf 根据一个布尔表达式有条件地显示一段 HTML。 ...原创 2018-10-17 16:05:22 · 106 阅读 · 0 评论 -
Angular2 父组件中修改子组件样式
情景:父组件FatherComponent中使用了子组件ChildComponent,父组件有自己的css文件,子组件也有自己的css文件,在父组件中修改了子组件的样式,但不起作用。查看HTML元素的样式表,发现 定义的样式后面都加了个 _ngcontent-c#,这是Angular为了区分自己的样式,特意加的标记。使用特殊选择器:组件样式中有一些从影子 DOM 样式范围 (Shadow ...原创 2018-10-23 16:44:58 · 3095 阅读 · 0 评论 -
【Angular知识点】通过服务实现组件之间的通信EventEmitter
场景:界面是由多个组件组成的,如果组件A中修改了数据内容,其他组件(与组件A中的数据有关联的)需要相应修改,那么就需要用到EventEmitter。第一步:创建服务文件:emit.service.tsimport { Injectable, EventEmitter } from '@angular/core';@Injectable()export class EmitServi...原创 2018-10-24 14:33:55 · 2271 阅读 · 0 评论 -
Angular2 --- 路由
审查路由器配置你把大量的精力投入到在一系列路由模块文件里配置路由器上,并且小心的以合适的顺序列出它们。 这些路由是否真的如同你预想的那样执行了? 路由器的真实配置是怎样的?通过注入它(Router)并检查它的 config 属性,你可以随时审查路由器的当前配置。 例如,把 AppModule 修改为这样,并在浏览器的控制台窗口中查看最终的路由配置。import { Router }...原创 2018-10-24 17:29:52 · 112 阅读 · 0 评论