随笔分类 -  Angular 8+

Angular 8 + flex 布局
摘要：app.component.html <div class="body_container"> <div class="topbar"> <div class="top_left"> <div *ngFor="let item of topbarItems" class="border rounde 阅读全文
posted @ 2019-12-27 13:50 多吃核桃 阅读(751) 评论(0) 推荐(0)
Angular 8 组件间数据共享
摘要：父子组件数据传递 父级向子级传递对象: @Input 例如：一个下拉框的列表数据 options 来自父组件。 子组件代码： import { Component, Input } from '@angular/core'; @Input() options: Array<string>; 在子组件 阅读全文
posted @ 2019-12-26 20:16 多吃核桃 阅读(829) 评论(0) 推荐(0)
Angular 8 路由
摘要：app-routing.module.ts Angular 项目创建时，就会问你是否需要创建项目 routing，你可以选择是。如果你创建时没有选择，也可以手动添加一个app-routing.module.ts 文件如下: 在 app.module.ts 中引入并指明 routing 模块 rout 阅读全文
posted @ 2019-12-26 16:24 多吃核桃 阅读(568) 评论(0) 推荐(0)
Angular 8 配置文件
摘要：给Angular 8 client 添加 json 配置文件，用来存储：版本号，WebApi 地址等等。要求 json 文件必须在页面访问 webapi 前获得到，不然数据服务中无法获得配置的 WebApi 地址。 1. 创建配置文件 你可以在 assets 目录下创建配置文件，也可以自己创建一个目 阅读全文
posted @ 2019-12-26 14:53 多吃核桃 阅读(1297) 评论(0) 推荐(1)
Angular 8 权限控制
摘要：1. 没有权限内的页面，自动跳转到“无法找到页面” 2. 没有权限的按钮，控件不显示 3. 没有登录token访问需要登录的页面，自动跳转到“无法找到页面” 思路：用一个service 去存储登录用户的权限列表。 在需要权限控制的按钮、控件上通过 *ngIf 控制控件可见性。在每个页面 active 阅读全文
posted @ 2019-12-25 16:41 多吃核桃 阅读(2266) 评论(0) 推荐(0)
Angular 8 （四）Token 注入
摘要：功能流程： 1. client 提供用户名密码向server 端发起登录请求。 2. Server 端验证登录信息，并产生用户 token 3. client 端收到登录 token, 并保存到本地（cookies, storage,,,） 4. 向每个client 端请求头注入用户 token。 阅读全文
posted @ 2019-12-25 15:29 多吃核桃 阅读(1115) 评论(0) 推荐(0)
Angular 8 （二）项目创建
摘要：1.cmd 进入项目目录 2. 运行命令 ng new [appname] 3. npm intall 安装包 4. ng server 启动服务器 （默认4200端口） 测试： 从浏览器打开 http://localhost:4200 5. 引入bootstrap 和JQuery npm inst 阅读全文
posted @ 2019-12-25 13:42 多吃核桃 阅读(379) 评论(0) 推荐(0)
Angular 8 （三） 站点发布
摘要：1. 使用ng build --prod 编译生成可以发布的文件目录。 可选命令：ng build website --prod. website: 是需要编译的项目名称。有时angular 项目目录移动后，使用ng build --prod会出现，找不到指定项目的错误，这个时候需要指定项目名称，如 阅读全文
posted @ 2019-10-08 13:33 多吃核桃 阅读(322) 评论(0) 推荐(0)
Angular 8 （一） 环境安装
摘要：1. 去NodeJS官网下载稳定的最新版 https://nodejs.org/en/. 如果需要旧版本的可以在这个地址下载：https://nodejs.org/en/download/releases/ 2. 运行安装包，按照提示一步一步做。 3. 查看版本号来确定安装成功。 node -v n 阅读全文
posted @ 2019-09-27 11:04 多吃核桃 阅读(1084) 评论(0) 推荐(0)