摘要: 点击 Terminal 中的 Select Default Profile 进行修改: 该操作会修改 setting.json 中的 terminal.integrated.defaultProfile.windows。之前版本的配置为 terminal.integrated.shell.windo 阅读全文
posted @ 2021-05-21 23:37 文燚 阅读(623) 评论(0) 推荐(0) 编辑
摘要: **文中使用的工具或者包的版本:**Angular CLI 11.0.6 **文中 Demo 链接:**https://stackblitz.com/edit/angular-route-outlet-3crvst 配置 首先我们在模板中定义多个路由出口,比如: <router-outlet></r 阅读全文
posted @ 2021-04-18 22:40 文燚 阅读(397) 评论(0) 推荐(0) 编辑
摘要: **文中使用的工具或者包的版本:**Angular CLI 11.0.6 **文中 Demo 链接:**https://stackblitz.com/edit/angular-route-params-xuspvu 一、路径参数 配置 { path: 'route1/:id', component: 阅读全文
posted @ 2021-04-18 22:39 文燚 阅读(609) 评论(0) 推荐(0) 编辑
摘要: **文中使用的工具或者包的版本:**Angular CLI 11.0.6 一、实现思路 指令没有模板,需要寄宿在一个元素之上,这个元素我们称之为宿主(Host)。为指令绑定属性和事件实质上是将属性和事件绑定到宿主上。知道了这个之后,实现思路就很明确了——操作宿主元素。推荐使用 Angular 提供的 阅读全文
posted @ 2021-04-05 16:54 文燚 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 组件双向绑定的本质就是属性绑定加事件绑定,在引发绑定事件的时候改变属性值。举个例子: // 子组件 import { Component, Input, Output, EventEmitter } from '@angular/core'; @Component({ selector: 'app- 阅读全文
posted @ 2021-03-30 22:49 文燚 阅读(983) 评论(0) 推荐(0) 编辑
摘要: 在 Angular 中,组件的 CSS 样式被封装进了自己的视图中,而不会影响到应用程序的其它部分。 通过在组件的元数据上设置视图封装模式,你可以分别控制每个组件的封装模式。 可选的封装模式一共有如下几种: ShadowDom 模式使用浏览器原生的 Shadow DOM 实现(参阅 MDN 上的 S 阅读全文
posted @ 2021-03-16 22:59 文燚 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 当你的应用通过调用构造函数来实例化一个组件或指令时,Angular 就会调用那个在该实例生命周期的适当位置实现了的那些钩子方法。 Angular 会按以下顺序执行钩子方法。你可以用它来执行以下类型的操作。 钩子方法 用途 时机 ngOnChanges() 当 Angular 设置或重新设置数据绑定的 阅读全文
posted @ 2021-03-15 00:10 文燚 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 动态绑定样式的本质是操作元素的 class 列表和内联样式。因为 class 和 style 都是 attribute,所以我们可以用 Attribute 绑定处理它们:只需要通过表达式计算出字符串结果即可。同理我们也可以用 Property 绑定处理。另外,Angular 还提供了专门的 clas 阅读全文
posted @ 2021-03-04 22:58 文燚 阅读(2580) 评论(0) 推荐(0) 编辑
摘要: 一、响应式表单 (一)创建一个输入框 对于响应式表单,需要先在组件类中定义表单模型,然后用 [formControl] 指令让它与视图中的表单元素联系起来。我们可以在 FormControl 实例定义时设置 value,也可以在之后使用 setValue 方法设置。当视图中的表单控件内容变化时,这个 阅读全文
posted @ 2021-02-07 16:32 文燚 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 一、准备好自定义 webpack 配置 首先准备好自定义 webpack 配置放到项目目录下。比如我想要使用 devServer.before 来处理 api mock,可以在项目目录下创建一个 config/webpack.config.js 文件,自定义 webpack 配置如下: module 阅读全文
posted @ 2021-01-11 23:21 文燚 阅读(801) 评论(0) 推荐(0) 编辑