abkwopx3212-CSDN博客

转载 Angular通过订阅观察者对象实现不同组件中数据的实时传递

在angular官方定义中，组件直接的数据交换只要在父子直接传递，但是我们在项目中经常需要在各种层级之间传递数据，下面介绍关于订阅可观察对象实现的数据传递。首先定义一个服务app.sevice.ts，服务里面new一个SubJect对象：// app.servie.tsimport { Injectable } from '@angular/core';import { ...

2018-03-12 13:38:00 187

转载 angular4升级angular5问题记录之this.location.back()

在之前的项目中，导航回上一个路由采用注入的Location服务，利用浏览器的历史堆栈，导航到上一步。官方文档也就是这么写的而然在升级到5.2的版本的时候，在浏览器运行的时候并没有什么问题，在项目打包成app运行的时候，在pad端就出错了，查看底层back方法看到了里面的一些注释大概意思就是建议使用Router的方法进行路由跳转，location用于非路由的url跳...

2018-03-01 11:48:00 562

转载 angular4升级angular5问题记录之No NgModule metadata found for 'AppModule'

在将项目从angular4升级到angular5的过程中，出现No NgModule metadata found for 'AppModule'问题，网上查找答案将app.module.ts进行再次保存编译不报错，出现警告解决方法，更新了package.json文件后，删除package-lock.json文件以及node_modules文件，重新运行npm install安装。...

2018-02-26 14:54:00 516

转载 Angular4图片上传预览路径不安全问题

在Angular4中，通过input:file上传选择图片本地预览的时候，通过window.URL.createObjectURL获取的url赋值给image的src出现错误：WARNING: sanitizing unsafe URL value下面介绍一下解决方法：html代码：<input type="file" (change)="fileChan...

2017-12-13 16:02:00 155

转载 Angular4.0引入laydate.js日期插件方法

Angular是不支持直接引入js文件的，下面介绍项目如果引入laydate.js的方法(可同样用于其他js文件引入，可能会有一些差别)一、将下载的laydate中的js和theme文件放到一个统一的文件下面，我把它放到asset下二、在angular-cli.json配置js三、修改laydate.js找到这一句补全路径和删除版本号"modules/la...

2017-12-12 15:59:00 138

转载 Angular4.0用命令行创建组件服务出错

之前使用cnpm创建的angular4.0项目，由于cnpm下载的node_modules资源经常会有部分缺失，所以在用命令行创建模板、服务的时候会报错：Error: ELOOP: too many symbolic links encountered因此，先把node_modules文件删除，在运行命令：npm install安装。请不要嫌慢，你后面可能会遇到很多因为cnp...

2017-12-08 12:16:00 146

转载 IE10以下的img标签问题

之前写过的一段简单的demo，后来在IE10以下使用的时候发现无法使用，先上一段代码HTML：1 <div class="all" id="box">2 <img id="image" src="psb.png" width="512" height="1470" >3 <span id="up"></span...

2016-12-10 23:51:00 168

转载关于for循环删除数组内容出现的问题

昨天用for循环进行数组去重的时候出现的问题，首先，用双重for循环把前一个和所有后面的元素进行比较，如果相等则删除。但是，如果数组里面有三个以上连续相等的元素的时候，就会出现问题。　1 var arr = [1,1,1,2,2];2 for(var i=0; i<arr.length-1; i++){3 for(var j=i+1; j<ar...

2016-11-21 09:06:00 160

转载关于onmouseover和onmouseout的bug

总结了一下关于使用onmouseover以及onmouseout会出现的bug首先简单的布局：<div id="box"> <div>这是一个内容</div></div>简单写了一下样式，效果如下：js代码如下：var oBox = document.getElementById("box"...

2016-11-01 22:48:00 198

abkwopx3212的博客