angular基础知识 - 随笔分类 - 夜之独行者

Angular22 路径设置别名

摘要：在tsconfig.json中添加： "module": "preserve", "paths": { "@app/*": ["./src/app/*"], "@services/*": ["./src/app/services/*"], "@components/*": ["./src/app/c 阅读全文

posted @ 2026-07-27 16:54 夜之独行者阅读(4) 评论(0) 推荐(0)

Rxjs.service

摘要：import { Injectable } from '@angular/core'; import { Observable, Subject, BehaviorSubject, ReplaySubject, of, from, interval, timer, forkJoin, combine 阅读全文

posted @ 2026-07-24 18:19 夜之独行者阅读(7) 评论(0) 推荐(0)

Angular 基于http封装

摘要：// http-error.handler.ts import { HttpErrorResponse } from '@angular/common/http'; /** 将 HttpErrorResponse 转为可读的用户提示信息 */ export function resolveError 阅读全文

posted @ 2026-07-23 14:02 夜之独行者阅读(7) 评论(0) 推荐(0)

Rxjs 简介

摘要：# RxJS 学习指南 > 基于 Angular + RxJS，面向零基础读者。所有代码示例均可在本项目 `rxjs-demo/` 目录中直接运行。 ## 目录 1. [核心概念](#1-核心概念) 2. [Observable 基础](#2-observable-基础) 3. [pipe + 基础阅读全文

posted @ 2026-07-15 17:48 夜之独行者阅读(12) 评论(0) 推荐(0)

Angular开发修改第三方样式

摘要：在使用Angular开发项目的时候经常需要去修改第三方UI库的样式，如果不加限定修改的css很可能会导致样式污染。解决办法：1.在使用的第三方组件的外层添加一个标签，如<div class='div-bg'>xxx...</div> .bg-div ::ng-deep xxx {...} 2.使用: 阅读全文

posted @ 2026-07-10 15:09 夜之独行者阅读(14) 评论(0) 推荐(0)

angular 路由跳转传值(news组件向newsDetail组件传值)

摘要：*！angular 界面传值，无论在路由配置的时候有没有设置参数，传参的实质都是要求路径后面的参数必须是对象！* 一：GET传值 1️⃣将对应的news和newsDetail组件导入 app-routing.module.ts，并配置路由 2️⃣在要传值组件的.html文件配置routerLink( 阅读全文

posted @ 2019-09-06 10:05 夜之独行者阅读(492) 评论(0) 推荐(0)

angular 路由

摘要：路由：根据不同的URL地址，动态的让根组件加载其他组件来实现单一页面的应用。 1.创建一个带有路由的项目； 2.在 app-routing.module.ts 里面添加需要配置的路由； 1️⃣导入需要使用路由动态加载的组件； 2️⃣在 const routes:Routes =[] 配置路由； 3️ 阅读全文

posted @ 2019-09-04 10:20 夜之独行者阅读(130) 评论(0) 推荐(0)

angular ViewChild操作DOM和父子组件通讯

摘要：一：ViewChild操作DOM 1. 绑定元素使用 #别名和要操作的元素进行绑定 2. 在对应的.ts文件引入ViewChild；在export中声明变量接收绑定元素; 在ngAfterViewInit(){}中this调用；设置static: true将不允许您从动态模板分辨率（例如*n 阅读全文

posted @ 2019-08-30 13:40 夜之独行者阅读(589) 评论(0) 推荐(0)

angular 服务(service)

摘要：一：创建服务二：在 app.module.ts 里面引入创建的服务三：使用服务（在需要使用服务的地方进行如下配置）阅读全文

posted @ 2019-08-30 09:24 夜之独行者阅读(248) 评论(0) 推荐(0)

angular app核心文件

摘要：app.module.ts app的根组件阅读全文

posted @ 2019-08-24 16:18 夜之独行者阅读(188) 评论(0) 推荐(0)

angular 环境搭建、创建项目和创建组件

摘要：一:环境搭建 1.搭建angular环境，要确保开发环境包括node.js首先需要去nodejs官网https://nodejs.org/en/下载node.js;安装以后，在终端/控制台窗口中运行 node -v ，检查是否安装成功。 2.检查你是否安装了 npm 客户端（Node.js 已经默认阅读全文

posted @ 2019-08-23 15:00 夜之独行者阅读(2158) 评论(0) 推荐(0)

随笔分类 - angular基础知识