qq_37287018的博客

普通路由项目创建一个带路由的项目创建需要的组件找到app-routing.module.ts配置路由引入组件 配置路由匹配不到路由的时候加载的组件 或者跳转的路由 { path:"**", redirectTo:"home"}设置默认选中路由<a [routerLink]="[ '/home']" routerLinkActive="active">首页</a>内置模块创建模块 ng g module 模块名引入配置 import在创建的模块根

父传子在子组件的ts文件中导入inputimport { Component, OnInit, Input} from '@angular/core';在export中定义export class ChildComponent implements OnInit { @Input() item;}父组件的HTML文件中<app-child [item]="sendchildMsg"> </app-child>父组件的ts文件中赋值sen

数据双向绑定需要在app.module.ts中导入模板对象import { FormsModule } from ‘angular/forms’声明导入Import:[FormsModule]使用 [(ngModel)]=” ”服务创建服务：ng g service services/storageApp.module.ts里面引入并配置服务：import { StorageService } from 'src/app/services/storage.ser

先在磁盘创建一个文件夹vscode中打开新创建的文件夹新建终端执行 ng new angular01 --skip-install切换到目录下 cd angular01执行 cnpm install安装完成后 ng serve网页打开 http://localhost:4200 查看是否成功...

angular安装遇到的一些问题使用nvm进行node版本切换 angular版本安装时：需要先删除node安装目录下 D:\NodeApp\node_global\node_modules 下的@angular文件夹进行cnpm install 时预防安装出错首先安装cnpm install -g @angular/compiler-clicnpm install webpack -gnvm常用命令nvm ls 查看所有已安装的node版本nvm use v12.0.0 切换至