
Angular
cppphp
这个作者很懒,什么都没留下…
展开
-
Angular2 中用管道技术吧汉字转换为拼音
用 angular2 开发的项目中需要动态的把汉字转换为拼音,直接把自己以前写的一篇文章《coffeescript 汉字转拼音代码》中的内容拿过来用 TypeScript 重新写了一下,修改后的代码如下(文件名 pinyin.pipe.ts):import { Pipe, PipeTransform } from '@angular/core';@Pipe({ name: 'piny...原创 2019-05-17 11:54:34 · 2624 阅读 · 0 评论 -
angualr2 中用指令Directive实现图片尺寸随窗口尺寸而改变
前端编程中,经常遇到要求图片在保持宽高比的情况下,图片随窗口缩放而自动缩放,在 angular2 中我们可以用指令 Directive 实现这一功能。首先在已有的 angular2 工程中进入要使用该功能的目录,然后在终端输入:ng generate directive item-resize在当前目录中会生成两个文件 item-resize.directive.ts 和 item-...原创 2019-07-12 10:50:38 · 397 阅读 · 0 评论 -
在 Angulalr2 中用 bootstrap4 实现多级下拉菜单
在 Bootstrap4 中没有找到多级下拉菜单,于是自己通过参考相关资料后,经过实践实现了这一功能。过程如下:一、安装相关组件及配置在工程目录下打开终端, 分别执行以下命令安装多级下拉菜单需要的相关组件:npm i bootstrap -snpm i jquery -snpm i popper -s完成以上工作后,在 src/styles.scss 文件顶部加入@im...原创 2019-08-15 00:08:58 · 538 阅读 · 0 评论