Angular7

angular7富文本编辑器ngx-quill实现自定义及图片、视频上传功能

quill-editor元素定义-->获取数据rich-text.component.ts实现思路：将富文本中的图片上传、视频上传上面的按钮实现自定义，即删除class属性，然后自定义点击事件，在富文本中添加对应的inputfile表单元素。然后通过点击图片、视频图标按钮，调用input选择文件的弹框。选择文件之后上传到服务器，然后服务器返回对应的链接地址，然后将地址插入到富文本中即可。图片和视频
yw00yw·2020-08-22 20:05

angular7使用ng-zorro-antd组件指南

1.官方网址https://ng.ant.design/docs/introduce/zh注意angular必须升级到最新版本9，如果不升级的话就只能指定ng-zorro-antd版本。（我使用的angular版本是7，ng-zorro-antd版本是"ng-zorro-antd":"^7.0.0"）2.使用不是按照官网的方式。如果想要按照官网的方式必须使用npm，很容易失败。失败的多试几次就可以
Ah_NiuZai·2020-08-22 19:35

Angular7集成Ueditor完整版

1.安装依赖npminstallueditor--save2.下载UEditor配置文件官方地址：http://ueditor.baidu.com/website/download.html百度云盘：边城孤客提取码：chpl解压后目录为将配置的文件复制到资源目录下3.在共享模块里导入配置信息import{UEditorModule}from'ngx-ueditor';---constTHIRDMO
边城孤客·2020-08-22 18:27

Angular7禁止F5刷新画面，禁止IE浏览器退格键跳转画面

1.引入import{EventManager}from'@angular/platform-browser';2.constructor(privateeventManager:EventManager){}3.ngOnInit():void{this.eventManager.addGlobalEventListener('window','keydown',(event:any)=>{if(
努力脱离码农·2020-08-22 17:03

angular7 + ng-zorro-antd 开发问题小记

压缩打包ngbuild--prod--build-optimizer//编译后进一步压缩文件的大小打包遇见的问题：超过budgetsWARNINGinbudgets,maximumexceededforinitial.Budget2MBwasexceededby1.77MB解决：angular.json文件中的budgets的maximumWarning值"budgets":[{"type":"i
吴姝璇·2020-08-22 16:18

Angular集成Summernote富文本控件

Angular集成Summernote富文本控件1、Angular7、Boostrap3、jQuery集成Summernote参考官方文档：https://summernote.org/getting-started
daqiang012·2020-08-22 15:03

angular7学习分享入门篇(一)

Angular7入门总结篇一、Angular介绍根据项目数统计angular(1.x、2.x、4.x、5.x、6.x、7.x)是现在网上使用量最大的框架Angualr基于TypeScript和react
WInd·2020-08-22 13:39

Angular7 http代理proxy配置

前后端分离开发时，需要进行http请求后端，这时刚会遇上跨域问题。解决方法之一就是使用proxy代理ngproxy是基于webpackproxy,更详尽说明：https://webpack.js.org/config...1.proxy.conf.json在项目根目下添加文件：proxy.conf.json示例：{"/api":{"target":"http://localhost:8089/",
Guoye·2020-08-21 02:13

Angular7中ngModelChange监听数据滞后

Angular7中ngModelChange监听数据滞后解决方法:  使用ionic开发时发现(ngModelChange)绑定的formatPersonTel(personTel)函数中获取的personTel
kaka_qwerty·2020-08-18 17:06

Angular 7和.NET Core 2.2——全球天气（第3部分）

单元测试存储库通用类NSubstitute和Shouldly运行和调试单元测试API控制器的单元测试在VisualStudio2017中运行测试Angular7中的单元测试JasmineKarma在Angular7
寒冰屋·2020-08-18 15:26

Angular7 关于Bootstrap4.x.x版本无法使用Glyphicons 字体图标 简单解决方案

是的，笔者最近开始磨磨蹭蹭学起了这个Angular（等我系统性学习后，后面的博客估计会有很多关于Angular的东西了，当然后端开发依然是我的主打）。Angular版本确实可以说是更新飞快了（能不能稳定点？？？）。我就是很拼，用的7版本，然后bootstrap用的4版本。于是乎，发现，在bootstrap4版本里面，它不给用Glyphicons字体图标了（为啥不给用，自己去官方看）。那么我就是想要
小目标青年·2020-08-18 11:34

angular7项目不同的打包方式之间的对比

在angular项目中，不同的打包方式发布之后加载的速度不同。所以在打包的时候一定要使用正确的打包姿势。总体对比相同项目不同打包方式:命令效果体积代码体积加载速度ngbuild相当于开发环境体积最大23.6M>=6.08sngbuild--prodangular预编译体积最小3.71M>=2.32sngbuild--prod--aotangular预编译体积最小3.71M>=2.07ngbuild
yw00yw·2020-08-18 07:39

angular7项目部署刷新404问题

在将angular项目做完之后打包部署之后，当更改url或者刷新的时候报错404问题：第一种解决方法：app.module.ts文件添加两行代码：import{LocationStrategy,HashLocationStrategy}from'@angular/common';@NgModule({providers:[{provide:LocationStrategy,useClass:Has
yw00yw·2020-08-18 07:07

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

今天在用angular7的buildprud的时候出现了下面的错误：1:node::Abort()[ngbuild--prod--build-optimizer--base-href/admin--deploy-url
农民小飞侠·2020-08-18 03:57

在 angular6/7 中使用 umeditor 富文本编辑器

目前做angular7项目是用的zorro后台框架，很好用，除了没有富文本编辑器，于是到处找，最后选定了umeditor，比较轻量级，但是，找了一大圈后发现开不起来，最后百般折腾终于搞定，这记录下几个关键点
lurenxie·2020-08-17 23:02

angular7的多环境（开发环境、测试环境、生产环境）配置

在angular程序开发的时候，我们一般会使用三种环境，比如：开发环境、测试环境、生产环境。针对不同的环境使用不同的代码，比如接口地址。配置开发环境、测试环境、生产环境开发环境：environment.ts——用于程序开发（创建项目时自动生成）exportconstenvironment={production:false,baseUrl:'开发环境url'};测试环境：environment.t
yw00yw·2020-08-15 20:25

iframe 跨域加载页面

Angular7中使用iframe动态嵌套页面。
一条•猪儿虫·2020-08-15 18:04

视频教程-Angular7零基础到app项目实战视频教程-AngularJS

Angular7零基础到app项目实战视频教程拥有6年web前端和后端开发经验，4年授课经验，还曾在百度专业培训过网络营销课程，曾就职于联想集团和当当网，不仅有丰富的项目实战经验还有营销经验，综合实力较强
weixin_32695805·2020-08-15 00:33

Angular7如何动态刷新Echarts图表

1概述echarts是百度的开源图表插件Angular中引入echarts网上教程很多Angular引入echarts，并使用动态刷新2安装请参考大神的博客：https://blog.csdn.net/qq_35321405/article/details/803409693参考DEMOecharts官网的DEMO：http://www.echartsjs.com/examples/editor.
weixin_30770495·2020-08-14 08:55

angular7中路由守卫

路由守卫的作用，在做登录等权限验证的时候，需要用到路由守卫，辅助进行验证。比如：使用angular做的是单页应用，如果不用任何权限控制的话，就算使用了用户登录功能，假如我们需求是当用户登录成功之后才能看其他的页面。但是如果不用任何权限控制，我们用户就算登录失败，可以直接在url地址中输入需要跳转页面路由，则就会看到不许要被看到的内容。所以：上述情况下，我们需要通过路由守卫来达到我们的目的。通过an
yw00yw·2020-08-12 14:23

angular7 路由跳转传参

this.router.navigate(['action-selection'],{state:{example:'bar'}});路由跳转，传入参数。在目标页面接收参数:此处需要注意（必须在constructor中获取传参，当从其他地方跳转进页面时，如果没有传参会引起报错。所以需要进行判断）constructor(privatehttp:HttpConfig,privatecommonServ
!sylar·2020-08-11 18:00

Angular7 http代理proxy配置

前后端分离开发时，需要进行http请求后端，这时刚会遇上跨域问题。解决方法之一就是使用proxy代理ngproxy是基于webpackproxy,更详尽说明：https://webpack.js.org/config...1.proxy.conf.json在项目根目下添加文件：proxy.conf.json示例：{"/api":{"target":"http://localhost:8089/",
Guoye·2020-08-10 15:07

angular7中使用iframe来加载外部页面

在angular7中使用echarts的线性地图的时候，发现出来缩成了一团，暂未找到解决方案。但是在普通的html中直接引入并使用是没有问题的。
yw00yw·2020-08-09 16:34

angular7新特性

随着Angular7的发布，它为Web开发人员带来了更多功能，包括核心框架、AngularMaterial、与主要版本保持同步的CLI和工具链，并且还有了几个主要合作伙伴。
ayxh0071·2020-08-09 07:57

【Angular 7】如何使用HTML5 Fullscreen API？

我使用Angular7，我希望有一个按钮，可以将我的应用程序全屏显示。
gx_up·2020-08-05 19:32

angular7使用mqtt

1.npminstallngx-mqtt--save2.创建一个mt.module.tsimport{NgModule}from'@angular/core';import{CommonModule}from'@angular/common';import{IMqttMessage,MqttModule,MqttService}from'ngx-mqtt';exportconstMQTT_SERV
inprivacy·2020-08-05 11:02

angular路由跳转并传值的多种方式

的学习使用过程中，路由跳转支撑了项目的全过程，所以路由跳转是一个很常见也是一个很容易忽略的点，，对于页面之间的跳转有着很多的问题，跳转的方式/如何携带参数跳转，下面是自己在学习过程中对angular路由跳转的总结（angular7
攀上顶峰·2020-08-04 21:00

Angular7样式失效问题解决方案

Angular7样式失效问题解决方案前言概述小结前言在Angular项目的样式调整中,发现了一下特别的实现问题.就是在对一个封装好了样式的控件进行显示/隐藏的切换时,出现了样式的丢失情况.
格林希尔·2020-08-03 05:10

Angular6项目升级为Angular7

写这篇博客之前，我想大声感叹一下，看官方文档，看官方文档，看官方文档！！！先放上官方文档链接在此：https://update.angular.io/。我要是早点发现这个链接也不会浪费了两天时间，伤心啊。我是6升级为7，其他版本升级的情况请参考官网文档，千万不能照搬。一、升级之前需要进行下面两个步骤：1.首先检查项目中有没有使用HttpModule和Http服务，如果有的话需要替换成HttpCli
diyi6976·2020-08-02 23:02

Angular7入门辅助教程——前篇

Angular7入门辅助教程1、Angular简介Angular是一个开发平台。它能帮你更轻松的构建Web应用。
数星星等天明·2020-08-01 14:24

angular7引用高德地图实现地位功能

在angular项目中引入js文件index.js注意:其中的key在高德地图开发平台中注册之后可以自行注册,只用在index.js中才能使用script标签,其他位置不能使用在ts文件中使用函数declarevarAMap:any;声明AMap不然会报错letmap=newAMap.Map('iCenter');//获取用户所在城市信息vargeolocationmap.plugin('AMap
吓一跳xyz·2020-07-30 09:11

angular7 动态表单与验证

表单初始数据：this.deviceForm=this.fb.group({name:["",[Validators.required]],serialNumber:[""],modelname:[""],//设备型号model:[""],//型号modelId:["",[Validators.required]],//模型IDmake:[""],//生成厂家model_memo:[""],//备
!sylar·2020-07-28 09:00

Angular7入门辅助教程（三）——指令

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇我们可以使用下面命令创建Angular指令nggeneratedirective
数星星等天明·2020-07-16 06:28

angular7 post提交数据400错误

在使用angularhttpClientpost提交数据的时候，使用post提交数据的时候，登录token验证的接口400错误，但是另一个改密的接口没问题。请求头各种方式都试过了，还是不行。用jq的post提交试了试，终于可以了，但是在angular中得用httpClient吧。两个一对比发现下面有问题：看来是要多登录接口单独进行序列化处理了。但是另一个接口并不需要这样做。可能是接口问题吧。正确请
yw00yw·2020-07-15 11:57

Angular7入门辅助教程（六）——Subject（可多播的可观察对象）

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇Subject在前一篇教程中了解了一下Observable
数星星等天明·2020-07-14 18:12

Angular 7和ASP.NET Core 2.1入门

NETCore）步骤1——使用模板创建Angular7ASP.NETCore第2步——构建并运行应用程序使用Asp.NETCoreWeb应用程序步骤1——创建ASP.NETCoreWeb应用程序第2步——升级到Angular7
寒冰屋·2020-07-14 15:00

Angular7 引入全局CSS和js文件

今天看项目代码的过程中发现这一句百度之后发现是用font-class方法引入iconfont。具体方法见官方说明https://www.iconfont.cn/help/detail?helptype=code，简单点来说就是先引入iconfont的css文件然后用i标签引入即可。但是我在.ts文件中并没有找到iconfont.css的引用，于是一级一级向上查找，md，找到app.componen
Nfboys·2020-07-10 23:02

angular7 一个简单的自定义管道实现(给数字加百分号)

@Pipe({name:'myPipe'})exportclassMyPipePipeimplementsPipeTransform{transform(size:number,extension:string='%'):any{returnthis.toNumberFormat(size)+extension;}publictoNumberFormat(x){letformatNumberVal
my_love_download·2020-07-09 20:47

Angular7导入Bootstrap和Jquery

首先通过下面命令安装Bootstrap和Juqery，通过@后面接版本号可以安装指定版本,#普通安装npminstallbootstrapnpminstalljquery#指定版本安装[email protected]@3.4.1打开项目在angular.json如图下位置大概在25-40中间引入相关文件，就可以使用了当然，如果你创建项目的时候CSS模
RainbomSea·2020-07-05 07:48

angular7常见错误及解决办法

双向数据绑定：错误：Templateparseerrors:Can'tbindto'ngModel'sinceitisn'taknownpropertyof'input'.解决：缺少FormsModule，虽然ngModel是一个有效的Angular指令，不过它在默认情况下是不可用的。它属于一个可选模块FormsModule，你必须自行添加此模块才能使用该指令。在你的app.module中添加如下
yw00yw·2020-06-30 11:07

angular7项目中常见问题总结

禁止生产.spec测试文件方法一：在使用命令创建的时候后面添加--no-specnggeneratecomponentmy-component--no-spec方法二：在angular.json文件中永久禁用，直接编辑schematics节点。"schematics":{"@schematics/angular:component":{"styleext":"scss","spec":false}
yw00yw·2020-06-30 11:36

angular7中解决跨域问题

在前后端分离开发的过程中，跨域问题是不可避免的。在angular中如何解决跨域问题呢？和在vue中类似，同样适用代理。1.在angular项目根目录下创建proxy.config.json文件：{"/api":{"target":"http://192.168.1.114:8041/",//代理的地址"secure":false,"pathRewrite":{"^/api":""}}}2.在ang
yw00yw·2020-06-30 11:36

Angular2+/Angular7 + Swiper

Angular2+/Angular7+Swiper1.Angular加载很多插件都需要放在afterViewinit等视图渲染完毕之后再调用.2.本次使用Swiper也不例外.3.使用的时候发现loop有时候好使有时候不好使,由于html页面的数据是用ngfor来做的,后来感觉到应该是网速的问题导致了Swiper的错乱.比如说我的.{{article.intro}}我想让Swiper既循环滚动又能
热情网友·2020-06-21 16:38

angular7 学习笔记记录--1. TypeScript基础

一、基础类型和声明：number;string，boolean;//let修饰变量。[:]冒号限定类型；leta:number;letb:string;letc:string[];letd:boolean;lete='e';直接赋值，自动转换类型；//元组[限定类型]lettuple:[string,number];tuple=['tom',20];//只能按照类型赋值//const修饰常量；也用
断舍离-重学JAVA之路·2020-06-10 10:00

Angular7 踩坑记录

Angular7踩坑记录1.Ineffectivemark-compactsnearheaplimitAllocationfailed-JavaScriptheapoutofmemoryngbuild-
雨初眠·2020-04-10 13:43

Ionic i18n国际化解决方案（ngx-translate）

1.核心内容使用Angular7的国际化(i18n)库：ngx-translate官网地址：http://www.ngx-translate.com/GitHub地址：https://github.com
拥抱梦想i·2020-04-05 07:11

(译)angular路由完全指南

如果你对angular7还不熟悉的话，我将带你近距离了解这个令人印象深刻的前端框架所提供的一切。
哈维尔23456·2020-03-28 03:43

Angular7 国际化多语言i18n配置

多语言之间的相互转换如上图所示，不过不要太在意以上的界面样式哦，今天的重点不是它。下面我们就来开始今天的重头戏，如何在Angular项目中使用多语言首先先给出本文所使用的依赖库ngx-translate1、安装依赖库npminstall@ngx-translate/core--savenpminstall@ngx-translate/http-loader--save2、引入模块在app.modu
举杯丶独醉·2020-02-11 18:19

Angular7入门总结篇

Angular7入门总结篇62019.01.0819:34:05字数4854阅读46093发表于http://blog.poetries.top/2019/01/09/angular7-intro-summary
痞_4fc8·2020-02-07 10:51

Angular7实现监听组件外部的点击事件

Angular7实现监听组件外部的点击事件熟悉Angular7的同学都知道，在Angular7中想要监听组件内部的点击事件是非常简单的——只需要使用(click)事件绑定到组件，再向组件的实例中传入一个函数就搞定了
neromaycry·2020-02-06 06:34
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他