ITOO前端研究
文章平均质量分 74
杨晓风-linda
这个作者很懒,什么都没留下…
展开
-
《Angular6之custom keyword definition is invalid: data.errors should be boolean》
问题描述问题定位 解决方案将工程中的环境文件名称由environments.test.ts修改为environment.test.ts。问题轻松解决原创 2019-02-20 10:15:51 · 174 阅读 · 1 评论 -
《Angular之安装@angular/cli@1.0.0报错》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位 安装命令有误。 三。解决方案 原安装命令:cnpm install -g @angular/cli@1....原创 2018-10-01 14:03:33 · 553 阅读 · 1 评论 -
《Angular之安装typescript和typings报错》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位 可能与下载命令有关 三。解决方案 cnpm install –registry=http://regis...原创 2018-10-01 13:57:19 · 754 阅读 · 1 评论 -
《Angular之cnpm -v不显示版本》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位 cnpm没有正确安装 三。解决方案 原安装命令: npm install cnpm -g --regist...原创 2018-09-30 21:44:59 · 599 阅读 · 1 评论 -
《Angular之直接引用组件标签报错》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位 1.如果是发布后的组件出现此问题: >没有将开发的组件导出:exports,使得别人无法使用。 ...原创 2018-09-30 21:37:53 · 1352 阅读 · 2 评论 -
《Angular之本地JSON读取不了》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 本地JSON文件不了。 二。问题定位 @angular/cli工具版本问题,1.0.0可以读取本地json,1.0.1不可以 三。解决方案...原创 2018-09-30 21:28:38 · 1511 阅读 · 4 评论 -
《Angular之ITOO组件树引用爆发的问题》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 ERROR Error: Uncaught (in promise): Error: Template parse errors:Can't bind to 'treeURL' since it...原创 2018-09-30 20:56:21 · 769 阅读 · 1 评论 -
《Angular之ng build部署后base文件路径问题》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 使用angular-cli搭建的项目,执行ng build后,浏览器打开空白,界面显示一直loading. 二。问题定位 文件路径不对,使用ng new...原创 2018-09-30 20:47:04 · 7167 阅读 · 1 评论 -
《Angular之脚手架angular-cli重命名引发的问题》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位 脚手架 1.0.0-beta.28 或者更低版本的名称为angular-cli,随着Angular技术的发展,脚手架也随着发展,改...原创 2018-09-30 20:25:32 · 956 阅读 · 1 评论 -
《Angular之项目启动95%emitting LicenseWebpackPlugin--stop了》
前言: 我希望我的希望不再是希望正文: 问题出现场景: Angular升级到最新Angular6之后,如果用cnpm install下载依赖包,会出现一种现象:95%emitting LicenseWebpackPlugin--stop了,等待一会之后,按enter键,就会报很多错误。这是怎么回事呢?、 问题定位: ...原创 2018-08-05 20:34:24 · 688 阅读 · 0 评论 -
《Angular之ES6语法实现数组去重》
前言: 我希望我的希望不再是希望正文: 实现去重的主人翁-----set和Array.from set是一种新的数据结构,它可以接收一个数组或者是类数组对象,自动去重其中的重复项目。 1.在ts中:constructor() { let arr = ['杨晓风','杨晓风','linda','linda...原创 2018-07-31 20:34:48 · 3139 阅读 · 4 评论 -
《vue之列表双向绑定》
前言Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。正文实现场景一:点击名为addItem的按钮,在名为list数组集合中插入一条数据 实现步骤如下:渲染按钮:名为addItem<b...原创 2018-07-17 21:49:01 · 787 阅读 · 2 评论 -
《Angular之表格操作列》
前言: 表格几乎是每个项目当中都会涉及到的一种组件,表格也因项目需求不同,所具备的功能不同,此篇博文小编为大家讲述要求操作列根据数据项而显示不同。正文: 业务需求:根据表格中的状态不同,操作列显示的内容不同。 实践技术:Angular4+ng-zorro 一。原生引用: 1.html <nz-table #nzTable [nzDataSource]="data" [nz...原创 2018-06-28 20:31:26 · 642 阅读 · 12 评论 -
《vue之列表渲染》
前言: 在Angular2中列表渲染使用循环指令*ngFor,在vue中则用v-for实现列表渲染,究竟如何使用呢?请听小编娓娓道来。正文: 1.全部代码展示:<template><div> <ul> <li v-for="item in list" :key="item.id">{{ item.na...原创 2018-07-04 09:18:04 · 622 阅读 · 4 评论 -
《vue之模板渲染》
前言: Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 今天小编为大家介绍vue工程中关于模板渲染的问题,请听小编娓娓道来。正文: vue之模板渲染 1.编写main.js文件import Vue f...原创 2018-06-30 17:46:39 · 1165 阅读 · 1 评论 -
《Angular之ngModel无法绑定》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位 ngModel是表单的核心机制 三。解决方案 在module里面添加:import { FormsModule } from...原创 2018-10-01 14:09:32 · 1063 阅读 · 1 评论 -
《Angular之跳转页面报错maximum call stack size exceeded》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位 要跳转的页面路由配置不对,需要配置workspace(这里指的是本项目的主页组件) 三。解决方案 结语: ...原创 2018-10-01 14:19:10 · 2203 阅读 · 1 评论 -
《Angular6之rxjs-compat: has no exproted remeber 'ShareReplayConfig'》
问题描述 问题定位 rxjs-compat版本问题 解决方案 rxjs-compat最新版本为6.4.0 ,如果使用此版本, 项目便会报错如上图所示, 固定版本为6.3.3,问题解决 ...原创 2019-02-17 21:55:18 · 1233 阅读 · 4 评论 -
《Angular6之ng项目搭建、构建、部署简介》
前言: 随着Angular的深入发展,Angular6版本的框架部署较之前有了变化,至于变化是什么?请随小编一起来看看吧。正文:Angular5.x用@angular/cli脚手架搭建的工程,配置文件名称为: .angular-cli.json, 内容详情如下:{ "$schema": "./node_modules/@angular/cli/l...原创 2019-02-02 10:25:56 · 2862 阅读 · 2 评论 -
《iPhone侧滑不兼容-mui》
前言: 公司项目APP即将投产,在搜索引擎模拟iPhone和Android没有问题,采用人工测试模拟正式投产使用时,发现iPhone不兼容mui的侧滑效果.准确来讲,侧滑栏可以出现,有两个问题: 第一,mui的垂直滑动无效; 第二, mui的点击事件与swipper联动效果无效.为解决此问题,开始了如下的探索,请听小编娓娓道来:正文: 一,站在巨人的肩膀上...原创 2018-11-11 17:47:35 · 589 阅读 · 5 评论 -
《Angular--ng-zorro-antd---table筛选数据无法正常显示》
前言: the best way out is always through正文: 问题场景 根据ng-zorro-antd的table,新增筛选功能,nameList按照组件库是直接初始化数据的:nameList = [ { text: 'Joe', value: 'Joe' }, { text: 'Jim', value: 'Jim'...原创 2018-11-04 13:26:15 · 2665 阅读 · 3 评论 -
《Angular之no provider for ConnectionBackend》
前言: the best way out is always through.正文: 问题场景 问题定位 拦截器相关配置不对 出现原因之一:根组件已配置拦截器相关配置,在组件引用时,又重新provider一遍,导致出现这个问题 解决方案 将组件中ts文件中: @Compo...原创 2018-11-04 13:16:52 · 338 阅读 · 1 评论 -
《Angular之Jenkins非正常构建》
前言: the best way out is always through.正文: 问题场景 问题定位 部署服务器出现问题,访问不了结语: the best preparation for tomorrow is doing your best today...原创 2018-11-04 13:06:36 · 688 阅读 · 1 评论 -
《Angular之Node不是内部命令》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位 安装nodejs的时候没有添加环境变量。 三。解决方案 添加环境变量,在系统变量中添加node...原创 2018-09-30 18:53:32 · 265 阅读 · 1 评论 -
《Angular之ITOO上课班管理-添加-提交失败》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 添加上课班管理提交失败 二。问题定位 post方式请求后端,一直以body形式传递过去,同时是string类型,经过查找解决方案,一是考虑后...原创 2018-10-01 15:48:05 · 188 阅读 · 3 评论 -
《Angular之400错误解析》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位 不通过nginx代理,直接使用ip+端口可以正常显示,但是一旦走nginx代理的地址,便出现400错误,原因解析:http://ip:port/lib...原创 2018-10-01 15:36:00 · 589 阅读 · 3 评论 -
《Angular之ng build --prod error》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位 angular之灵魂为模块化、组件化,其中module作用可谓是牵一发而动全身,在Angular整体架构中每个组件都要通过模块加载器进行加载。 三。...原创 2018-10-01 14:45:07 · 785 阅读 · 2 评论 -
《Angular之Multi script-loader》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位 JS脚本没有加载上 三。解决方案 下载JS脚本,放在项目本地,或者利用cdn服务器加载相应资源。 结语: ...原创 2018-10-01 14:36:56 · 278 阅读 · 1 评论 -
《Angular之unexpected token/in json at position 0》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位JSON数据格式不对 三。解决方案 查看前端的mock数据与后端真实返回的数据是否一致。 结语: ...原创 2018-10-01 14:29:46 · 2957 阅读 · 3 评论 -
《Angular之不可转让的类型路线》
前言: 千锤万凿出深山,烈火焚烧若等闲。正文: 一。问题描述 二。问题定位 -路由配置不正确: 三。解决方案 结语: ...原创 2018-10-01 14:24:26 · 179 阅读 · 1 评论 -
《Angular之any类型慎用》
前言: 千锤万凿出深山,实践知识刷新。正文: 在 typescript语法中有一种数据类型为any类型,比如:ruleResultModel: any;let url = 'riskTip/eruleRestult/B001/申请审核' this.http.get(url).subscribe( res => { this.ruleResultMod...原创 2018-06-17 17:11:32 · 3728 阅读 · 4 评论 -
《信审系统之产品流程配置管理》
前言: 金融风控系统,核心模块之产品流程配置管理。正文:结语: 让工作带我飞。原创 2018-04-22 21:18:28 · 1543 阅读 · 17 评论 -
《Input+Dropdown-Model》
前言: 重复的工作没有必要人工一直来做,可以形成模板,提高前端开发效率。正文: Input<div class="form-group"> <label>{{'dataModelInfo.modelName' | translate}}:</label> <!-- input框 start--> <...原创 2018-04-04 16:51:07 · 477 阅读 · 7 评论 -
《Angular与primeNG结合》
前言: 正文:结语:原创 2017-09-03 15:38:37 · 5330 阅读 · 22 评论 -
《Angular2路由跳转之代码跳转》
最近小编在进行前端框架Angular2的最佳实践,现在对于其中的路由跳转有一些新的体会,在这里小编与君共勉。原创 2017-04-23 22:33:47 · 14495 阅读 · 92 评论 -
《Angular之日期显示错误》
前言: 伴随着前端框架Angular在公司的深入实践,有很多问题也悄然浮出水面,让方法总比问题多,请随小编瞧瞧日期在前端这么着显示,前端应该作何处理?正文: 日期显示不正常呢?怎么回事呢?后端没有对日期做处理,返回前端的json数据直接是以毫秒的形式,继而前台接受显示如上图所示。解决方案在ts文件里编写日期转换方法:translateD原创 2017-12-10 17:41:43 · 819 阅读 · 21 评论 -
《Angular之资源荟萃》
Angular从零开始研究到最佳实践应用已历时将近四个月,对于Angular的相关研究也有了一定的思路和经验,此篇博文就让小编为Angular的使用者或者读者提供一个基本的方向吧。原创 2017-08-27 23:10:27 · 979 阅读 · 25 评论 -
《Angular之简介》
AngularJS2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行。是Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件。发布于2016年9月份,它是基于ES6来开发的。现在已出现Angular4,不过会angluar2的伙伴无需担心,2与4之间没有太大的区别。具体详细的介绍,请听小编娓娓道来。翻译 2017-08-06 17:41:13 · 1220 阅读 · 20 评论 -
《前端工程化》
任何事情都不是一帆风顺的,我们要直面这件事情,有问题就是解决问题喽。请随小编看看吧原创 2017-08-20 23:53:41 · 543 阅读 · 25 评论 -
《Angular2项目之目录结构》
小编最近在进行前端工程化的工作,使用Angular2前端框架对项目前端界面进行重构。继而对于Angular2项目运行原理有一些新的体会,在这里与君共勉。原创 2017-05-07 22:45:38 · 5491 阅读 · 34 评论