angular
henreash
Think Differently.
展开
-
angular8 ajax await
angular8前端访问后端服务,在typescript中使用ajax,配合async、await关键字,非常便利。考虑一种特殊情况,界面打开后,需要加载数据特别多,必须分多次请求从后端拉取,借助await关键字,代码非常简洁。避免大量回调函数的出现。 getServerData(url:string){ let data = ajax(url).toPromise(); ...原创 2019-10-22 09:35:15 · 909 阅读 · 0 评论 -
angular8 build后在chrome下报text/plain错误
打开index.html文件,将里面所有的<script src="XXX"></script>都加上type="text/javascript"变为<script type="text/javascript" src="runtime-es2015.e8a2810b3b08d6a1b6aa.js" type="module"></scri...原创 2019-10-20 23:31:42 · 465 阅读 · 1 评论 -
angular6使用ngx-bootstrap/modal
首先下载ngx-bootstrap:npm install ngx-bootstrap --save下载后,在module.ts中导入ngx-bootstrap/modal类:import { ModalModule } from 'ngx-bootstrap'; imports: [ ... ModelModule, ModalModule.forRoot(...原创 2018-08-05 19:54:43 · 6515 阅读 · 1 评论 -
ng-zorro菜单测试
ng-zorro支持angular6,提供了很多常用的组件,使用非常方便。这里记录测试ng-zorro菜单过程中遇到的问题。在前端动态生成左侧的菜单栏,卡顿的现象特别严重。经过多次测试,发现与angular的机制有关。angular动态生成界面的内容是通过不断的轮询实现的。如果我们在使用ng-for或ng-if指令生成ui界面时,依赖的数据是实时计算的,而且有些许的耗时,则会卡顿,因为计算数据...原创 2018-09-09 10:24:09 · 1322 阅读 · 0 评论 -
angular6自定义按钮组件 并实现父子组件间的传值
在控制台输入命令创建一个按钮组件 ng g component bigbutton,cli会自动创建一个BitbuttonComponent组件,提供了html、ts、css文件。修改html、ts、css文件:html内容:<div class='big-btn' (click)='btnClick()'><img src='{{img}}' /><...原创 2018-09-24 18:52:46 · 4677 阅读 · 1 评论 -
angular6的等待提示框
安装ngx-loading插件:npm install --save ngx-loading在应用程序的主module中导入ngx-loading模块import {NgxLoadingModule} from 'ngx-loading';...imports:[...NgxLoadingModule...]使用在子页面html模板中加入:<n...原创 2018-10-02 21:31:52 · 1770 阅读 · 0 评论 -
angular6前端参数配置
使用ng new XXX创建项目后,会在src目录下生成一个environments子目录,其中有两个文件:environment.prod.ts和environment.ts文件。打开两个文件查看,在environment.ts文件中,可以看到如下代码:// This file can be replaced during build by using the `fileReplace...原创 2019-02-23 21:44:36 · 652 阅读 · 0 评论 -
ng-zorro自定义主题
要给现有使用ng-zorro框架的前端项目添加自定义主题,首先将整个前端源码备份。在项目目录下,执行命令行:ng add ng-zorro-antd --theme重新下载ng-zorro-antd后,用ng serve命令启动服务,发现编译错误。找到错误文件app-module.ts,将本文件备份的内容拷贝回来(ng工具有bug,自动插入的内容位置总是错行)。这时启动成功,但运行后发现是...原创 2019-03-10 10:50:08 · 2959 阅读 · 0 评论 -
Angular7设置Input的disabled属性
在html页面中直接按低版本的方式配置[attr.disabled]="true",不生效,而且运行时按F12可以看到如下警告:It looks like you're using the disabled attribute with a reactive form directive. If you set disabled to true when you set up this con...原创 2019-03-31 16:55:53 · 13546 阅读 · 1 评论