立青的博客

angular项目的环境变量文件默认是2个， environment.prod.ts 生产模式，environment.ts 开发模式，如何添加其他的环境呢，如 测试环境

最近项目中有个需求，表头固定，内部实现滚动条。除了单个表头，还有多个表头的情况。效果图：直接贴出github项目地址，需要的可以点击访问

本款网页版播放器样式 仿照 window10 版的网易云音乐(Microsoft store 版)大致实现了与win10 版网易云的相同视觉效果与布局，以及仿照了相同的切歌逻辑，音量大小调节，进度条等功能。仅供业余时间自娱自乐，时间仓促，测试使用的是Chrome浏览器，如有BUG，欢迎指正。已部署到个人博客系统上，文末有体验地址。整体效果pc端手机端效果功能特点1.歌曲播放，...

主要使用了angular 路由复用策略angular version 7.2RouteReuseStrategy 官网API 地址https://angular.cn/api/router/RouteReuseStrategy效果图githu 地址 https://github.com/zjinger/harbor-web...

这篇文章介绍了如何使用动态加载Component 的方式实现tabset 标签页，从而达到页面切换https://blog.youkuaiyun.com/qq_16566415/article/details/78709580#commentsedit这种方式缺点就是无法使用Angular 的路由来跳转，多个页面如果如果某个元素的id 值相同会有影响。以下的方式主要使用了Angular 的路由复用功能—...

在这篇文章中 介绍了使用tabset 动态加载组件的原理 ，http://blog.youkuaiyun.com/qq_16566415/article/details/78709580 后面发现需要在打开Components 的时候需要传递参数过去，这里找到了一个demo http://plnkr.co/edit/ZXsIWykqKZi5r75VMtw2?p=preview 具体可以参考。

效果图，左侧导航栏点击连接，右侧出现tab 标签页并动态显示不同的组件内容。为了演示效果更，后面的statistic.data1-5的内容是相同的，因为使用了相同的Component。 按钮操作 应业务需要，所以需要用到这种动态加载组件的tab，这种方式其实完全没有用到angular 的路由，只是在一个宿主页面上加载了很多的Component。 F12 看到这些tab的具体内容，通过

Angular2 模板语法(一)## 插值表达式{{...}}<p>My name is {{user.name}}</p> <h3> {{title}} <img src="{{heroImageUrl}}" style="height:30px"></h3><!-- "The sum of 1 + 1 is 2" --><p>The sum of 1 + 1 is {{1 +

在项目根目录新建proxy.config.json 文件 proxy.config.json{ "/api": { "target": "http://127.0.0.1:8081" }}在package.json 中更改scripts 下面的start 命令默认ng server改为ng serve --port 4201 --proxy-config proxy.co

Editor.md 官网链接下载安装github 下载地址使用bower安装bower install editor.md引入将解压后的editor 包放入assets 文件夹中从官网上可以看到editor.md 的依赖 所以需要在.angular.json 的scripts 配置中引入以下js 文件，还需要jQuery "../node_modules/jquery/dist

代码片段： package.json..."dependencies": { ... "ckeditor": "^4.6.2", "ng2-ckeditor": "^1.1.6", ...}在module模块中引入 中引入 CKEditorModuleimport { CKEditorModule } from 'ng2-cked