文燚

摘要： 点击 Terminal 中的 Select Default Profile 进行修改： 该操作会修改 setting.json 中的 terminal.integrated.defaultProfile.windows。之前版本的配置为 terminal.integrated.shell.windo 阅读全文

摘要： **文中使用的工具或者包的版本：**Angular CLI 11.0.6 **文中 Demo 链接：**https://stackblitz.com/edit/angular-route-outlet-3crvst 配置 首先我们在模板中定义多个路由出口，比如： <router-outlet></r 阅读全文

摘要： **文中使用的工具或者包的版本：**Angular CLI 11.0.6 **文中 Demo 链接：**https://stackblitz.com/edit/angular-route-params-xuspvu 一、路径参数 配置 { path: 'route1/:id', component: 阅读全文

摘要： **文中使用的工具或者包的版本：**Angular CLI 11.0.6 一、实现思路 指令没有模板，需要寄宿在一个元素之上，这个元素我们称之为宿主（Host）。为指令绑定属性和事件实质上是将属性和事件绑定到宿主上。知道了这个之后，实现思路就很明确了——操作宿主元素。推荐使用 Angular 提供的 阅读全文

摘要： 组件双向绑定的本质就是属性绑定加事件绑定，在引发绑定事件的时候改变属性值。举个例子： // 子组件 import { Component, Input, Output, EventEmitter } from '@angular/core'; @Component({ selector: 'app- 阅读全文

摘要： 在 Angular 中，组件的 CSS 样式被封装进了自己的视图中，而不会影响到应用程序的其它部分。 通过在组件的元数据上设置视图封装模式，你可以分别控制每个组件的封装模式。 可选的封装模式一共有如下几种： ShadowDom 模式使用浏览器原生的 Shadow DOM 实现（参阅 MDN 上的 S 阅读全文

摘要： 当你的应用通过调用构造函数来实例化一个组件或指令时，Angular 就会调用那个在该实例生命周期的适当位置实现了的那些钩子方法。 Angular 会按以下顺序执行钩子方法。你可以用它来执行以下类型的操作。 钩子方法 用途 时机 ngOnChanges() 当 Angular 设置或重新设置数据绑定的 阅读全文

摘要： 动态绑定样式的本质是操作元素的 class 列表和内联样式。因为 class 和 style 都是 attribute，所以我们可以用 Attribute 绑定处理它们：只需要通过表达式计算出字符串结果即可。同理我们也可以用 Property 绑定处理。另外，Angular 还提供了专门的 clas 阅读全文

摘要： 一、响应式表单 （一）创建一个输入框 对于响应式表单，需要先在组件类中定义表单模型，然后用 [formControl] 指令让它与视图中的表单元素联系起来。我们可以在 FormControl 实例定义时设置 value，也可以在之后使用 setValue 方法设置。当视图中的表单控件内容变化时，这个 阅读全文

摘要： 一、准备好自定义 webpack 配置 首先准备好自定义 webpack 配置放到项目目录下。比如我想要使用 devServer.before 来处理 api mock，可以在项目目录下创建一个 config/webpack.config.js 文件，自定义 webpack 配置如下： module 阅读全文