平平无奇小码农的博客

文章目录前言一、Angular环境搭建1、安装前准备工作2、使用npm/cnpm命令安装angular/cli（只需要安装一次）3、 查看是否安装成功二、创建项目 前言 在本地如何安装angular并且创建一个angular项目 一、Angular环境搭建 1、安装前准备工作 1.1 安装node.js       安装教程 1.2 安装npm， node自带npm，所以也不用单独安装npm 1.3 安装cnpm。 (因为已经安装了npm， 所以不安装cnpm也是可以的

1.引入管道 import { DatePipe } from ‘@angular/common’; 2.在装饰器@component中注入 providers: [DatePipe]； 代码如下（示例）： @Component({ selector: 'app-version-ui', templateUrl: './version-ui.component.html', styleUrls: ['./version-ui.component.scss'], providers: [Dat

目录1、get传值（‘?’ 后面拼接参数）2、动态路由传值跳转3、动态路由的JS跳转4、路由get传值的js跳转（ '?' 后面拼接参数）5、两者结合传值 1、get传值（‘?’ 后面拼接参数） routing中配置： const routes: Routes = [{ path: 'news', component: NewsComponent }], 要传值的组件： html中跳转： <div [routerLink]="['/news']" [queryParams]="{id: '

angular默认了index.html 是整个APP的页面入口。 是在angular.json文件中配置的： index.html代码如下： 代码中有一段是 <app-root></app-root> 这段会被app.component.html页面所替换掉 <router-outlet> 是一个占位符，Angular 会根据当前的路由器状态动态填充它。 <!-- app.component.html --> <ul> <li&