随笔分类 -  angular2

当前版本：5.0
js 拖拽排序
摘要：See alsoe: https://www.runoob.com/html/html5-draganddrop.html https://developer.mozilla.org/zh-CN/docs/Web/API/HTML_Drag_and_Drop_API 阅读全文
posted @ 2021-01-31 15:07 Ajanuw 阅读(90) 评论(0) 推荐(0)
Bootstrap5 多级dropdown
摘要：<div class="dropdown"> <a class="btn dropdown-toggle"> Dropdown link </a> <ul class="dropdown-menu"> <div class="dropdown-item dropdown"> <a class="bt 阅读全文
posted @ 2021-01-27 11:59 Ajanuw 阅读(505) 评论(0) 推荐(0)
js 使用socket-io发送文件
摘要：前端 import { Component, OnInit, ViewChild, ElementRef } from '@angular/core'; import { MediaDevicesService } from '../../media-devices.service'; import 阅读全文
posted @ 2020-04-21 17:28 Ajanuw 阅读(2341) 评论(0) 推荐(0)
ng 设置动态的document title
摘要："使用Title服务" "相关文章" 1. 配置路由, 添加 参数 2. 监听路由导航完毕，读取 ，设置 阅读全文
posted @ 2020-04-16 19:03 Ajanuw 阅读(232) 评论(0) 推荐(0)
js 脏检测
摘要：参考 基础知识 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit 阅读全文
posted @ 2020-03-31 20:56 Ajanuw 阅读(456) 评论(0) 推荐(1)
ng mock服务器数据
摘要：angualr文档 in-memory-web-api 文档 安装 yarn add angular-in-memory-web-api -S src/app/app.module.ts import { HttpClientInMemoryWebApiModule } from 'angular- 阅读全文
posted @ 2019-11-11 11:43 Ajanuw 阅读(430) 评论(0) 推荐(0)
ng 发布组件库
摘要：其它 创建一个空的项目 $ ng new ng-flt-flex --skipInstall --style=styl --createApplication=false --prefix=flt 创建组件库 $ ng generate library flt-flex 创建example $ ng 阅读全文
posted @ 2019-10-21 10:59 Ajanuw 阅读(94) 评论(0) 推荐(0)
ng 服务端渲染
摘要：官网文档 教学视屏 ng-toolkit @ng-toolkit/universal 注意： 使用 npm和yarn安装项目依赖，不要使用cnpm ng add @ng-toolkit/universal 成功后可能需要安装 @angular/http 依赖 npm run build:prod 失 阅读全文
posted @ 2019-02-03 20:13 Ajanuw 阅读(254) 评论(0) 推荐(0)
ng 动画
摘要：文档 位置、大小、变形、颜色、边框 可以监听动画的开始和结束 trigger 定义一个动画名称 style({}) 执行的动画 animate 执行时间，延迟，过度曲线 transition 动画转场 State 可以在指定的场景切换 ⇒ void，void ⇒ * 在有和无的状态之间切换 在 st 阅读全文
posted @ 2019-01-29 11:02 Ajanuw
ng 表单
摘要：通过 ngModel 跟踪修改状态与有效性验证 验证表单输入 响应式表单 状态 为真时的 CSS 类 为假时的 CSS 类 控件被访问过。 ng-touched ng-untouched 控件的值变化了。 ng-dirty ng-pristine 控件的值有效。 ng-valid ng-invali 阅读全文
posted @ 2018-12-27 14:47 Ajanuw
ngxs 状态管理器
摘要：简单的安装 "@ngxs/schematics" 1. 配置 src/store 下的config文件 (完成todo)。 2. 在Core模块中导入NgxsStoreModule模块，没有创建Core就直接在AppModule中导入。 "官网文档" ng6，rxjs6.0.0，ngxs3.0.1 阅读全文
posted @ 2018-05-05 00:02 Ajanuw 阅读(1950) 评论(0) 推荐(1)
ng 基础
摘要：文档 特性模块 坚持为应用中每个明显的特性创建一个 Angular 模块 坚持把特性模块放在与特性区同名的目录中（例如 app/heroes） 坚持特性模块的文件名应该能反映出特性区的名字和目录（例如 app/heroes/heroes.module.ts） 共享特性模块 坚持在 shared 目录 阅读全文
posted @ 2018-03-28 11:59 Ajanuw 阅读(123) 评论(0) 推荐(0)
ng2 http
摘要：http API 请求防抖 监听进度事件 获取完整的请求，而不仅仅是json数据 jsonp 请求非json数据 错误处理 重试 添加HTTP header头 post请求 默认使用json发送，如果要使用application/x-www-form-urlencoded需要把body转化为requ 阅读全文
posted @ 2018-03-16 12:43 Ajanuw
ng2 路由
摘要：https://angular.cn/guide/router 激活路由参数 添加路由动画 懒加载路由 创建模块来放置模块相关的组件，比如购买就放置购买相关的组件，和路由 创建模块路由注意 app.module.ts 中import导入的顺序， AppRoutingModule 是最后一个 考虑让每 阅读全文
posted @ 2018-03-15 10:44 Ajanuw
angular cli
摘要：cli命令 为项目定义不同的构建和代理服务器设置的配置方式，比如开发、预生产和生产 发布应用 安装 cli npm i -g @angular/cli 创建单个项目 ng new ng-app --skip-install -s -t -S 如果你想知道这些选项的意义，可以使用ng new help 阅读全文
posted @ 2018-03-14 20:14 Ajanuw