
angular
Litwak
- 为 未 来 实 现 你 想 要 的 改 变 -
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Angular 报错 Cannot assign to a reference or variable!
情况一:控件的属性 与 ts 文件里面定义的变量重名了比如 @Input() key: string;<div-model key="abc"></div-model>情况二:这个问题是应为HTML文件中ngModel绑定了一个变量,却没有给变量赋值导致的。<input #assembleInquestion id="assembleInput...原创 2020-04-29 18:46:26 · 715 阅读 · 0 评论 -
控制 nzTableComponent 水平滚动
ng-zorro-antd 的 nzTableComponent 如果列很多,想要水平滚动,怎么办呢?在9.0版以前, 只需要:// 获得nzTableComponent@ViewChild('vitalSignsTable',{static:false})nzTableComponent:NzTableComponent;// 设置scrollLeftthi...原创 2020-04-29 18:40:44 · 594 阅读 · 0 评论 -
Angular 自定义表单控件
当我们打算自定义表单控件前,我们应该先考虑一下以下问题: 是否已经有相同语义的 native (本机) 元素?如:<input type="number"> 如果有,我们就应该考虑能否依赖该元素,仅使用 CSS 或渐进增强的方式来改变其外观/行为就能满足我们的需求? 如果没有,自定义控件会是什么样的? 我们如何让它可以访问 (accessible)?...转载 2019-11-28 13:58:52 · 1031 阅读 · 0 评论 -
解决angular中使用ng-zorro, cdk-overlay-backdrop-showing覆盖页面,需要点两次的问题。
这个问题,烦扰了我一段时间。曾尝试过了解cdk-overlay实现原理,看过ng-zorro源码。一直没找到解决方法。google搜到一篇文章:https://www.cnblogs.com/wangmiao2606/p/10179287.html, 尝试用文章中思路解决。我首先在styles.less里这样写:.cdk-overlay-backdrop-showing { d...原创 2019-11-21 15:46:02 · 1091 阅读 · 0 评论 -
远程开发环境搭建 Visual Studio Code + Remote-SSH
1、更新vscode 到1.35+2、安装 Remote Development包3、配置:SSH配置:环境准备本地操作系统使用win10 1809以上,这个版本自带Open SSH Client,可以省去ssh的配置本地win10生成密钥对ssh-keygen -t rsa -b 4096 -f C:\DevEnv\conf\ssh\id_rsa-r...原创 2019-06-13 15:14:58 · 11721 阅读 · 2 评论 -
如何发布angular模块到npm
发布angular npm包流程发布后的项目发布过程新的项目新建library实现功能配置编译发布到NPM注册然后在终端输入发布使用InstallUseexample发布后的项目这是我第一次创建npm包,实现了clone-deep功能(clone-deep不需要创建angular module, 项目仅做测试学习)。发布过程新的项目ng new angular-clone-deep...原创 2019-04-17 16:15:17 · 1201 阅读 · 0 评论 -
angular image url找不到问题
1、首先添加资源文件配置,angular.json --> options --> assets 添加: "src/assets"2、index.html里:<base href="/">2、ts/html中 url要写相对路径:assent/image/a.png (前边 "./" 可以不写)3、less里这样写 background:~...原创 2019-04-14 12:09:47 · 2602 阅读 · 0 评论 -
Angular反向代理实现前端跨域
angular2+提供了反向代理可以直接在前端代码中就可以实现跨域。具体的方法如下:在angular项目根目录新建了个proxy.conf.json配置文件 代码示例如下:{ "/api": { // 将http://localhost:4200/api通过代理实际访问: http://www.hy.com/apis/api "target": "http://w...原创 2019-04-14 11:10:12 · 1018 阅读 · 0 评论 -
angular2+实现google photos效果
ts: this.service.postData('/site_cnt/get_pictures', data).subscribe({next: res => {this.imgList = res.result.data;for (const img of this.imgList) {img['flexGrow'] = img.info.width * 200 / img.i...原创 2018-07-09 18:32:12 · 311 阅读 · 0 评论 -
CSS position
说明原创 2018-06-08 10:14:12 · 184 阅读 · 0 评论 -
angular支持路由下刷新
如果你在开发angular的时候,刷新遇到异常。可能的解决方法是修改app.module.ts:导入LocationStrategy和 HashLocationStrategyimport { LocationStrategy, HashLocationStrategy} from '@angular/common';@NgModule({providers: [ {provide:...原创 2018-06-08 10:08:09 · 3024 阅读 · 1 评论 -
Angular Pipe(过滤器)使用笔记
pipe-test.html<div class="pipe_div"> <div class="pipe_title">日期:{{today}}</div> <div> <label>today | date</label> <strong>{{to原创 2018-04-27 18:33:58 · 1613 阅读 · 0 评论 -
Angular笔记之过滤器
原创 2018-04-08 12:02:20 · 172 阅读 · 0 评论 -
ngFor ngIf
angular2中,ngFor和ngIf 一起使用<ng-container *ngIf="show"> <div *ngFor="let thing of stuff"> {{log(thing)}} <span>{{thing.name}}</span> </div></ng-conta原创 2018-04-08 11:54:03 · 1047 阅读 · 4 评论