摘要：
toastr是一个基于JQuery的消息提示插件; 1. 下载toastr和jquery https://jquery.com/download/ https://codeseven.github.io/toastr/ 2. 引入jquery和toastr 3. 配置提示框,通过自定义配置，达到不同 阅读全文
摘要：
1. ng template 形式： 默认ng template中的内容会隐藏; 可通过[ngIf]来控制内容显示隐藏； 此标签不会影响原本html结构； html: 浏览器输出: 浏览器调试窗口 2. template 形式： 默认内容会隐藏; 可通过Css样式display来控制内容显示隐藏； 阅读全文
摘要：
解析视图: 连接到模板的嵌入视图，在组件模板元素中添加模板(DOM元素、DOM元素组) 连接到组件的嵌入视图，在组件元素中添加别的组件 使用类说明： 单个HTML元素；用于获取DOM元素； 一组HTML元素；可以用来创建ViewRef类型的视图(TemplateRef元素实例.createEmbed 阅读全文
摘要：
1. 文件上传 本地可同时选择多个文件 将本地所选择的文件列出来 单个文件上传至服务器； 删除本地选择的文件 样式使用了bootstrap的样式 1. html file.component.html 文件上传按钮 文件列表(文件名称、状态、操作 删除、上传) 2. ts file.componen 阅读全文
摘要：
拖动元素到指定区域 拖放的同时传递数据 1. 安装 ng2 drag drop 2. 模板中配置可拖拽元素 draggable 表明此元素时可拖拽的 [dragData] = 'item' 在拖动过程中将item数据从draggable到droppable [dragScope]="'system' 阅读全文
摘要：
1. MergeMap 串联请求 后一个请求需要前一个请求的返回结果时，需要使用串联请求。 可以使用 实现， 优势是减少嵌套，优化代码； 代码如下: import {HttpClient} from '@angular/common/http'; import {mergeMap} from 'rx 阅读全文
摘要：
1. style.propertyName 效果: 2. ngStyle 效果: 3. ngClass 效果: 阅读全文
摘要：
1. 组件中元素动画应用: 显示隐藏元素动画, 需要将动画应用在需要动画的元素上；动画应用格式[@动画名]=“动画状态名称” 2. 切换路由动画应用: 路由切换时组件进场/ 出场动画；需要将动画应用在切换的组件的最外层元素上； routerLink(Directive) 链接到指定的路由; rout 阅读全文
摘要：
1. 路由 Angular路由: 可以控制页面跳转；可以在多视图间切换； 2. 路由守卫 Angular路由守卫： 在进入或离开某路由时，用于判断是否可以离开、进入某路由；；； 代表可以进入当前路由； 代表不可以进入当前路由，但可以进入自定义的路由； 3. 路由守卫与路由的关系 路由守卫只只能应用于 阅读全文
摘要：
box sizing 元素的内边距、边框被包含在宽高内； 设置内边距和边框不会影响元素的布局和大小； 默认情况下内边距和边框不被包含进宽高内； 实例说明: 结果: 默认情况下一个元素的总宽=设置的宽度+paddingLeft+paddingRight+borderLeft+borderRight; 阅读全文