随笔分类 - Angular
1
摘要：``` // 动态修改浏览器图标 getIcon() { // this.favicon 是浏览器图标的地址 或者路径 if (this.favicon) { let link = document.querySelector("link[rel*='icon']") || document.cre
阅读全文
摘要：## 语法 语法 otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow 其他窗口的一个引用，例如向子窗口发送 则otherWindow 是子窗口的window对象 ## 父页面向子页面Iframe通信 ```
阅读全文
摘要：路由懒加载 创建一个带路由的特性模块 接下来，你将需要一个包含路由的目标组件的特性模块。 要创建它，在终端中输入如下命令，其中 customers 是特性模块的名称。加载 customers 特性模块的路径也是 customers，因为它是通过 --route 选项指定的： ng generate
阅读全文
摘要：子组件或指令中的 @Input() 装饰器表示该属性可以从其父组件中获取值。 要想监视 @Input() 属性的变化，你可以使用 Angular 的生命周期钩子OnChanges. 但上述方法，对于接收到的值都是，收到就使用。 如果想对接收到参数进行一些处理 ，或者是根据参数执行不同操作。 这个时候
阅读全文
摘要：import {Location as Location1} from '@angular/common'; private location: Location1 this.location.back();
阅读全文
摘要：Ngxs简单入门 NGXS is a state management pattern + library for Angular 简单来说就是一个专门应用于angular的状态管理器 简介 ngxs有四个概念： store The store is a global state manager t
阅读全文
摘要：路由守卫 简介 目前,任何用户都能在任何时候导航到任何地方,对于大部分应用,这样是存在安全问题的,某些用户可能无权导航到目标组件,需要先登录(认证) 在显示目标组件前，可能需要先获取某些数据。 在离开组件前，可能要先保存修改.需要询问用户:是否要放弃本次更改,而不用保存它们? 对于上述这些场景问题,
阅读全文
摘要：非父子组件参数传递与通讯 原文地址：https://blog.csdn.net/weixin_43194434/article/details/82850083 通过路由参数 场景:一个组件可以通过路由的方式跳转到另一个组件,如:列表与编辑 步骤: A组件通过routerLink 或者 router
阅读全文
摘要：ng-toastr的使用 1.安装 npm install ngx-toastr --save 同时需要安装依赖包 npm install @angular/animations --save 如果你不想引入animations，可以在模块中进行设计 import { ToastrModule, T
阅读全文
摘要：Angular 工作空间 指的是 一个 由Angular CLI创建，并且能够包含多个项目 或者 由单一文件导出配置的库 的目录空间。 angular.json的配置文件,这个文件是整个项目的概要，包含了 不同的环境，测试、代理、第三方资源 和 众多内置工具。 angular.json $schem
阅读全文
摘要：效果： app-module.ts 1 import { BrowserModule } from '@angular/platform-browser'; 2 import { NgModule } from '@angular/core'; 3 4 import { AppComponent }
阅读全文
摘要：Angular响应式表单--文后附上完整代码演示 响应式表单—单个控件 a) 根模块app-.module.ts导入ReactiveFormsModule import {ReactiveFormsModule} from '@angular/forms'; b) 组件NameEditor使用时引入
阅读全文
摘要：Angular自定义模块—使用路由实现懒加载 与普通方式相比， 1) 创建模块时命令如下： ng g module module/user --routing 2) 根模块无需引入自定义模块，自定义模块也无需export出自己的组件。但自定义组件需要配置路由，根模块也需要配置路由，根组件的配置如下：
阅读全文
摘要：根组件若引入了很多组件，会导致页面加载很慢，因此可以将各类似的组件放入自定义模块内，当根组件需要某组件时再进行挂载。 创建自定义模块可参照根模块的目录结构，自定义模块内的组件可相互访问，但若想根模块使用自定义模块的组件，需要在自定义模块的TS文件里export所需组件。 @font-face { f
阅读全文
摘要：Angula获取服务器数据 1.Get 在app.module.ts中引入httpclientModule import { HttpClientModule } from '@angular/common/http'; imports: [ BrowserModule, HttpClientMod
阅读全文
摘要：同步与异步获取服务数据 同步：直接获取服务已有数据 异步： 1) 使用回调函数实现 2) 使用Promise实现 3) 使用Rxjs实现：import { Observable } from 'rxjs'; 4) 同时，Rxjs功能更强大，可取消订阅，可多次订阅 完整代码 组件：home html：
阅读全文
摘要：Angular父子组件传值(完整代码见文后） 备注：这里父组件是news,子组件是footer 父组件->子组件 1) 子组件引入装饰器 import { Component, OnInit,Input } from '@angular/core'; 2) 父组件传值 <app-header [ti
阅读全文
摘要：组件创建、变更至销毁的过程 所用函数（钩子） 不必实现所有生命周期钩子，只要实现需要的那些就可以 3.函数详解 constructor → 组件的构造函数，用于依赖注入（服务）或执行简单的数据初始化操作 有时也可使用ngOnInit进行声明或初始化 constructor(public herose
阅读全文
摘要：典型的 Angular Route 具有两个属性： path: 用来匹配浏览器地址栏中 URL 的字符串。 component: 导航到该路由时，路由器应该创建的组件 带有双花括号的插值 (interpolation) 来显示一个组件属性。 用 ngFor 显示数组。 用一个 TypeScript
阅读全文
1
