weixin_41897680的博客

属性监听 在vue中经常使用watch来监听组件中属性的变化，特别是在使用elementui中的弹窗组件时。 在angular中没有watch，但是可以通过使用生命周期函数ngOnChanges来实现属性的监听 实例 //组件 <app-test [username]="'hhhh'" [age]="12"></app-test> //组件内部ts @Input() username: string = ''; @Input() age: number = 0; //构造器，修

服务 服务就是一个公共类，内部存储公共属性、公共方法。使得每一个组件都可以共同使用这些属性和方法。 创建服务 ng g s 路径/服务名 引入服务 在该模块的moule.ts中引入 //引入服务 import {StorageService} from './services/storage.service' //配置服务 providers: [StorageService], 在组件中使用 //在组件中引入服务 import {StorageService} from '../../service

创建项目时如果选择添加路由依赖，会自动创建app-routing.module.ts 文件 import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; const routes: Routes = []; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] })

创建项目 ng new 项目名 启动项目 ng serve --open 创建模块 ng g m 路径/模块名 创建组件 ng g c 路径/组件名 创建服务 ng g s 路径/服务名 创建管道 ng g p 路径/管道名

常用装饰器 @ViewChild 1、获取dom元素 html <p #parent>父组件</p> ts @ViewChild('parent') el:any constructor() { } ngOnInit(): void { } ngAfterViewInit(){ let attrEl = this.el.nativeElement; console.log(attrEl) attrEl.style.color="blu

安装 安装脚手架 npm install -g @angular/cli 安装完成后输入 ng v，会出现以下内容： 创建项目 //创建项目并安装依赖 ng new 项目名称 //只创建项目 ng new 项目名称 --skip-install 运行 //需要手动打开（复制地址到浏览器） ng serve //自动打开 ng serve --open 运行过程中出现了以下错误 The serve command requires to be run in an Angular project, b