![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
紫蓝青绿黄橙红
好想退休......
展开
-
路由
普通路由项目 创建一个带路由的项目 创建需要的组件 找到app-routing.module.ts配置路由 引入组件 配置路由 匹配不到路由的时候加载的组件 或者跳转的路由 { path:"**", redirectTo:"home"} 设置默认选中路由 <a [routerLink]="[ '/home']" routerLinkActive="active">首页</a> 内置模块 创建模块 ng g module 模块名 引入配置 import 在创建的模块根原创 2020-10-12 11:07:27 · 96 阅读 · 0 评论 -
父子组件数据传递
父传子 在子组件的ts文件中导入input import { Component, OnInit, Input} from '@angular/core'; 在export中定义 export class ChildComponent implements OnInit { @Input() item; } 父组件的HTML文件中 <app-child [item]="sendchildMsg"> </app-child> 父组件的ts文件中赋值 sen原创 2020-10-12 10:38:36 · 230 阅读 · 0 评论 -
数据双向绑定和服务
数据双向绑定 需要在app.module.ts中导入模板对象 import { FormsModule } from ‘angular/forms’ 声明导入 Import:[ FormsModule ] 使用 [(ngModel)]=” ” 服务 创建服务:ng g service services/storage App.module.ts里面引入并配置服务: import { StorageService } from 'src/app/services/storage.ser原创 2020-10-12 10:13:08 · 88 阅读 · 0 评论 -
angular项目部署运行步骤
先在磁盘创建一个文件夹 vscode中打开新创建的文件夹 新建终端 执行 ng new angular01 --skip-install 切换到目录下 cd angular01 执行 cnpm install 安装完成后 ng serve 网页打开 http://localhost:4200 查看是否成功 ...原创 2020-10-12 10:04:42 · 469 阅读 · 0 评论 -
angular安装遇到的一些问题
angular安装遇到的一些问题 使用nvm进行node版本切换 angular版本安装时: 需要先删除node安装目录下 D:\NodeApp\node_global\node_modules 下的@angular文件夹 进行cnpm install 时预防安装出错首先安装 cnpm install -g @angular/compiler-cli cnpm install webpack -g nvm常用命令 nvm ls 查看所有已安装的node版本 nvm use v12.0.0 切换至原创 2020-10-12 09:58:18 · 123 阅读 · 0 评论