YUSIR 完美CODING世界

什么是ngrxngrx是Angular基于Rxjs的状态管理，保存了Redux的核心概念，并使用RxJs扩展的Redux实现。使用Observable来简化监听事件和订阅等操作。在看这篇文章之前，已经假设你已了解rxjs和redux。有条件的话请查看官方文档进行学习理解。所需包ng add方式，会自动生成所需文件并在app.module.ts中导入，直接启动项目即可，不报错ng add @ngrx/storeng add @ngrx/store-devtoolsng add @ng.

内容投影是一种模式，你可以在其中插入或投影要在另一个组件中使用的内容。简单来说，angular的内容投影就相当于vue的内容插槽slot。所有一下就能懂了。1、单插槽内容投影单插槽内容投影是指创建一个组件，你可以在其中投影一个组件。如果只有一个ng-content，不需要select属性。2、多插槽内容投影一个组件可以具有多个插槽。每个插槽可以指定一个 CSS 选择器，该选择器会决定将哪些内容放入该插槽。将select属性添加到<ng-content>元素。 Ang...

app HTML<div class="wrapper"> <h2>我是父组件</h2> <div>这个div定义在父组件中</div> <app-child> <div class="header">这个div是父组件投影到子组件的1, {{title}}</div> <div class="footer">这个div是父组件投影到子组件的2</div>

//--1------ 在angular中进行dom操作<div #dom>这是一个div</div> //放置一个锚点domimport { ElementRef, ViewChild } from '@angular/core';@ViewChild('dom',{static:true}), eleRef:ElementRef;//static-True表示在运行更改检测之前解析查询结果，false用于在更改检测后解析。默认为false。// dom 操作需要.

:host 与 ::ng-deep:host 表示选择当前的组件。::ng-deep 可以忽略中间className的嵌套层级关系。直接找到你要修改的className。在使用一些第三方的组件的时候，要修改组件的样式。这种情况下使用::host ::ng-deep .className{ 新的样式......}:host { background: #F1F1F1; overflow: hidden; padding: 24px;