Angular5

初学者记录.net framework4.6.1使用心得

背景:后端框架:.netframework4.6.1数据库:sqlserverPC框架:layui前端框架:Angular5.0.3+ionic3.9.2项目:瀚晖先记录一下常用的目录:如下图:Business
Timor·2021-01-09 22:53

api权限管理系统与前后端分离实践

自己在前后端分离上的实践要想实现完整的前后端分离，安全这块是绕不开的，这个系统主要功能就是动态restfulapi管理，这次实践包含两个模块,基于springBoot+shiro搭建的权限管理系统后台bootshiro,angular5
tomsun28·2020-12-03 03:47

angular5+easyui ng-router路由不跳转

说明：第一篇博客，文笔不好，有错误，请见谅本文出现的错误，请大佬们及时指正，如有更好的方法，也请留言，我及时添加。路由附带图标，点击不跳转，页面无变化，url无变化，原因是路由内部的图标按钮阻碍路由跳转，未触发路由，去掉内部的easyui图标按钮即可。    
鐢星·2020-09-17 01:14

Angular5实现组件缓存(RouteReuseStrategy)类似vue中的keep-alive的效果

Angular和React中实现组件的缓存是没有类似vue中的这种很爽的方式的,但是并不意味着Angular和React不能实现类似的功能,这次angular项目上的需求就遇到了这个问题,具体的需求是:1.A组件是一个列表组件,该组件上面有CRUD基本功能,其中新建、修改是路由跳转到,一个新的组件中新建和修改;2.当数据比较多的时候,用户点击新建或者修改时,但是并没实际的去新建或者修改一条数据,这
my_love_download·2020-09-15 08:07

Angular5 懒加载（附步骤）

应@若末lan的要求试着写一个简单的懒加载项目，如有发现不对的地方，请斧正。文章目录1.创建项目2.创建Component3.配置路由4.使用懒加载5.代码文件6.采坑心得404问题通配符跨域问题1.创建项目安装nodejs和angularcli我这里就略过了。如果没有安装的话，百度一下就有了。我用的是webstrom，创建过程如下图：当然大家也可以用命令创建。ngnewlazyloading如果
夏晨晨·2020-09-14 23:45

Angular 5 升级至Angular 7

根据升级建议，应该先从Angular5升级至Angular6，再从Angular6升级至Angular7。
weixin_33881041·2020-09-14 16:19

angular5.0封装underscore常用pipe并发布到npm全套流程

项目背景今天心血来潮，以前不常写东西，接触angular以来，觉得有必要分享一些新的体会了，于是来到了这里。管道Pipe可以将数据作为输入，然后按照规则将其转换并输出。创建项目ngnewmeepo-underscorecdmeepo-underscore复制代码创建module和初始化pipenggmmeepo-underscorenggpipemapnggpipeflattennggpipein
weixin_33830216·2020-09-14 16:15

angular5简单暴力封装table，实战干货！

尝试对table进行简单封装，传入接口地址即可，简单暴力使用方法，table参数为接口地址序号订单号任务要求{{item.id}}{{item.origin_id}}{{step.tiem}}{{step.position}}{{step.note}}复制代码实现思路import{Component,OnInit,ContentChild,TemplateRef,Input}from"@angul
weixin_33681778·2020-09-14 16:34

使用 Angular2+ 开发 Markdown 编辑器

Typora编辑器，我觉着这就是我一直想要的Markdown编辑器，于是我就想到了这个主题，我主要是想通过一个实际应用分享一下Angular（文中提到的Angular指的都是Angular2+，实际版本是Angular5
蔚1·2020-09-14 15:30

angular5自动补齐组件

找了一圈，大多数不支持ng5。https://github.com/QJvic/ng-select此组件支持且较简单
看门小书童·2020-09-14 15:43

angular5 自动滚动到最底部

TheComponent:import{...,AfterViewChecked,ElementRef,ViewChild,OnInit}from'angular2/core'@Component({...})exportclassChannelComponentimplementsOnInit,AfterViewChecked{@ViewChild('scrollMe')privatemyScr
strong90·2020-09-14 15:28

Angular的get传递多参数问题

楼主在自学Angular5的时候发现，新版的Angular已经丢弃http的形式改用Httpclient。
小朱小先生·2020-09-14 13:59

问道Angular——Angular刷新当前页面

onSameUrlNavigation  从angular5.1起提供onSameUrlNavigation来支持路由重新加载。、  有两个值'reload'和'ignore'。
weixin_34106122·2020-09-14 12:30

Angular5 重载路由

转载：https://mp.weixin.qq.com/s?__biz=MzAwNzUzNTgxNw==&mid=2247483968&idx=1&sn=c038634c823bd2d61a398dcbbbd01790&chksm=9b7defe6ac0a66f0ab29ed62b99ee7856c172a4ef91817276ebce8db5ac6af8a4983d82bdfa1&mpshare
飘叶入海·2020-09-14 12:40

angular5中引入第三方插件

angular5中引入第三方插件有很多坑，自己自行百度了好多，例如在index.html里面引入js,又或是在.angular-cli.json下面的scripts[]数组里面添加js路径，无论路径是node-modules
一只小白菜·2020-09-13 20:05

Cannot find module '@angular-devkit/core'

angular-cli更新到最新版本，项目使用angular5时，添加新组件或者npminstall重启服务时发现报错：bug:Cannotfindmodule'@angular-devkit/core
一只小白菜·2020-09-13 20:33

angular5监听浏览器的前进和后退按钮(PlatformLocation)

今天遇到一个测试提出一个BUG,点击一个按钮会出现一个弹窗,然后点击浏览器的后退按钮,发现弹窗消失了,但是灰色蒙版还在,导致列表页面还是灰色的并且不可操作!angular提供了可以监听浏览器前进和后退按钮的类PlatformLocation,直接上代码:constructor(private$router:Router,private$releaseManagerService:ReleaseMa
my_love_download·2020-09-12 06:41

angular6.0开发教程：如何安装angular6.0框架

angular6.0在原angular5的基础上有了非常大的改进。
码不亭蹄·2020-09-11 07:53

Angular7添加路由及子路由方法

官方文档:https://angular.io/guide/lazy-loading-ngmodules关键词：路由、懒加载、特性模块在angular5以上版本官方给的方法是新建两个带路由的模块，再在模块中添加组件
迦迦迦迦·2020-09-11 05:08

angular5+模块懒加载

为什么要使用懒加载？当用户访问/xxx/**页面路径的时候，才会加载对应的模块，这减少了应用启动时加载资源的大小,页面打开速度快。1.创建项目//创建项目custer-app，并配置路由ngnewcuster-app--routing2.进入该项目里cdcuster-app3.初始化项目npminstall4.运行项目ngserve5.创建模块并且配置该模块路由//在module文件夹下分别创建u
路不在自己脚下·2020-09-11 03:11

NgRx/Store 4 + Angular 5使用教程

这篇文章将会示范如何使用NgRx/Store4和Angular5。@ngrx/store是基于RxJS的状态管理库，其灵感来源于Redux。
adued68426·2020-09-11 00:45

angular5 ng-bootstrap和ngx-bootstrap区别

https://angular.cn/resourcesngx-bootstrap安装：npminstallngx-bootstrap--save再引入css还需要再引入theme使用方法一、module文件中引入模块import{PaginationModule}from'ngx-bootstrap/pagination';@NgModule({imports:[PaginationModule
weixin_30520015·2020-08-26 23:34

五分钟理解Angular的整体架构

尽管现在被称为Angular5，实际上它只是这个诞生于2012年的前端框架的的第四个版本.看起来差不多半年就发布一个新版本，不过实际上从重写的版本2开始，开发接口与核心思想就稳定下来了，并基本保持着与前序版本的兼容性
天亮前被寻找的一只猫·2020-08-25 00:27

Angular进阶：Angular编译机制（AOT、JIT）

2018年2月17日更新：最近又做了2个小Demo用来研究Angular的编译和打包，基于Angular5，一个使用rollup，一个使用webpack，(rollup目前无法做到Angular的laz
weixin_34185364·2020-08-24 20:40

Angular5 *ngIf 和 hidden 的区别

问题项目中遇到一个问题，有一个过滤查询的面板，需要通过一个展开折叠的button，来控制它的show和hide。这个面板中，有一个Select组件，一个input查询输入框。原来代码是：然后发现，每次点击togglebutton，都会触发一次onFilterChange()事件，因为app-choosen-select组件在初始化时会触发传入的selectedDataChange事件。从而影响到预
weixin_30653023·2020-08-24 20:03

Angular5使用DES-ECB模式加解密算法，结合Java加解密

知识点：1、Angular52、Typescript3、DES-ECB电码本模式4、复杂度-较高，破解难度-较高正文：话不多说，下图即为加密后的cookies。
温暖_小窝·2020-08-23 12:38

Vue入门（一） 初识vue及数据驱动和组件化

RESTAPI+前端MVVM迁移VueJS是什么轻量级的MVVM框架数据驱动+组件化前端开发Github超过25K+的STAR,社区完善对比AngularReactVue.js更轻量，gzip后只有26K(angular56K
Alive_tree·2020-08-23 00:19

Angular使用Antd没有样式，八成是忘了引入样式

按着官网快速初始化个项目1.安装最新的angular脚手架（antd支持angular5.0以上的版本，所以最好把你的脚手架更新）npminstall-g@angular/cli@latest2.新建项目
松重丰·2020-08-22 20:16

angular5项目下利用router navigate实现页面跳转

1.需要引入import{Router}from'@angular/router';2.ts中添加触发方法navigate(){this.router.navigate(['targetRouter'],{queryParams:{id:this.selectedId,}});}targetRouter:需要跳转到的路径3.目标路径接受参数constructor(injector:Injector
MORA0619·2020-08-22 19:14

Angular5 整合富文本编辑器TinyMCE（汉化+上传）

1.TinyMCE简介TinyMCE是一个轻量级的富文本编辑器，相对于CKEditor更加精简，但足以满足绝大部分场景的需要。2.安装和配置TinyMCE2.1安装TinyMCEnpminstall--savetinymce2.2设置tinymce全局访问（.angular-cli.json）"scripts":["../node_modules/[email protected]/tinymce.js
weixin_34343000·2020-08-22 19:28

angular5 组件之间监听传值变化

http://www.cnblogs.com/SLchuck/p/5904000.htmlhttps://i.cnblogs.com/EditPosts.aspx?postid=7995179&update=1https://segmentfault.com/a/1190000010048073agular5父子组件之间传值是实用第一类：父子组件间的通信@Input和@Output当然一般传值变化
weixin_30532759·2020-08-22 19:54

angular-froala-wysiwyg 富文本编辑器使用及遇到的坑

介绍：angular-froala-wysiwyg：froalaeditor的angular版本，支持Angular2,Angular4,Angular5,Angular6andAngular7，具体细节我就不多做介绍
weixin_30408675·2020-08-22 19:46

angular5 路由传参的几种方式

此处介绍三种方式方式一：问号后面带的参数，例如：/product?id=1&name=iphone还可以是：[routerLink]="['/books']"[queryParams]="{bookname:'《活着》'}获取参数的方式：ActivatedRoute.queryParams[id]方式二：冒号形式，例如：path:/product/:id获取参数的方式：ActivatedRoute
weixin_30314813·2020-08-22 19:09

Angular学习笔记--Markdown转HTML中highlight

本文同步发表在我的个人博客http://www.soaringroad.com/editor/121概述之前有一篇介绍过Markdown转HTMLAngular5学习笔记–Html显示Markdown语言
哈喽大海豚·2020-08-22 19:34

《使用 Angular2+ 开发 Markdown 编辑器》提纲

我主要是想通过一个实际应用分享一下Angular（文中提到的Angular指的都是Angular2+，实际版本是Angular5）的开发过程，主要内容包括：Angular项
孙亖·2020-08-22 18:42

angular5引入折线图

1）安装插件npminstallecharts-Snpminstallngx-echarts-Snpminstall@types/echarts-D2）修改tsconfig.json文件tsconfig.json---->complierOptions中添加"paths":{"echarts":["node_modules/echarts/dist/echarts.min.js"]},3）app.
qq_32496215·2020-08-22 17:35

angular5路由复用策略实现保存页面状态

import{ActivatedRouteSnapshot,DetachedRouteHandle,RouteReuseStrategy}from'@angular/router';/***自定义路由复用策略**/exportclassCustomReuseStrategyimplementsRouteReuseStrategy{publicstatichandlers:{[key:string]
艹民一G·2020-08-22 17:20

angular UI框架

Angular实现,NG-ZORRO由阿里计算平台事业部、阿里云等不同部门的一些小伙伴在原业务组件的基础上共同构建而成，而且已开源，现在是0.6.0的版本，组件功能已经很齐全了，更符合我们国人使用习惯，已兼容Angular5.0
elijip·2020-08-22 16:35

Angular5安装ng-zorro-antd

1.安装脚手架工具#使用@angular/cli前，务必确认Node.js已经升级到v8.10或以上，强烈建议升级至最新版本的@angular/cli。$npminstall-g@angular/cli@latest请注意：由于0.7.0版本的ng-zorro-antd目前尚未正式支持angular6.0版本，@angular/cli请选择1.7.4版本安装。更多功能请参考CLI文档。2.创建一个
daqiang012·2020-08-22 16:44

Angular5 引入TinyMCE富文本编辑器

1.下载TinyMCE富文本编辑器npminstall--savetinymce默认安装稳定版2.引入js把下载到node_modules\tinymce下的源码复制到assets文件夹下，再如下操作3.在在项目中的typing.d.ts中声明tinymce全局变量，不然会提示找不到tinymce4.在component.ts中加入如下代码editor;ngAfterViewInit(){if(t
WXF_Angular·2020-08-22 16:46

干货｜自定义Angular路由复用策略

【关键词】AngularAngular2Angular4Angular5路由RouteReuseStrategy1问题提出在基于Angular的SPA应用中，应用通过路由在各个页面之间进行导航。默认
中兴开发者社区·2020-08-22 16:12

angular5.x UI 框架 ant desigin 介绍 安装 使 用

一、Angular5UI库AntDesigin介绍AntDesign是我们(蚂蚁金服AntDesign团队)开发的一款优秀的前端框UI库架支持React和Angular5。
yang&yang·2020-08-22 15:10

angular5项目中queryParamsMap报错

appcomponent-html：主页商品详情`productcomponent.ts:import{Component,OnInit}from'@angular/core';import{ActivatedRoute}from'@angular/router';@Component({selector:'app-product',templateUrl:'./product.component
M612a34·2020-08-22 15:13

Ionic开发App中重要的部分

写在前面APP赶在了春节之前上线了，所以这次我们分享一下使用Ionic3+Angular5构建一个HybirdApp过程中的经验。什么是HybirdApp以及一些技术的选型这里就不讨论了。
MARKORMARK·2020-08-22 11:47

ng5 兼容IE之 object doesn't support property or method 'xxxxxx'

用angular5练习，偶然发现，在Chrome等浏览器跑飞了的代码，居然在IE面前就是战五渣，第一个页面都加载不出来，决心解决下。项目环境就是ngnew命令生产的默认结构，没有其他特殊设置。
G_Koala_C·2020-08-22 10:08

问道Angular——Angular刷新当前页面

onSameUrlNavigation  从angular5.1起提供onSameUrlNavigation来支持路由重新加载。、  有两个值'reload'和'ignore'。
staven·2020-08-22 10:33

Angular5路由传值方式及其相关问题

目前Angular已经升级到了稳定版本Angular5,这次升级更小更快以及更稳定!路由可以说是Angular甚至是单页应用的核心部分了吧!
一叶知秋·2020-08-20 20:54

Angular5路由传值方式及其相关问题

目前Angular已经升级到了稳定版本Angular5,这次升级更小更快以及更稳定!路由可以说是Angular甚至是单页应用的核心部分了吧!
一叶知秋·2020-08-20 20:53

bootstrap4中的图标Glyphicons在Angular5项目中应用问题

需要做一个评分小功能，但是发现由于版本变动问题，移除了部分图标字体，给了使用建议。参考博客：点击打开链接从bootstrap3版本中拷贝出fonts文件夹。拷贝到node_modules文件夹下的bootstrap/dist文件夹下。将下面代码复制到node_modules/dist/css/bootstrap.css文件中，注意：代码依赖glyphicons-.eot、glyphicons-.t
M612a34·2020-08-18 10:39

ionic3 + angular5 添加http请求拦截器

注：此拦截器只能拦截HttpClient，不能拦截Http1、创建拦截器nggproviderinterceptor2、修改拦截器内容import{HttpEvent,HttpHandler,HttpInterceptor,HttpRequest,HttpResponse}from"@angular/common/http";import{Injectable}from"@angular/core
清月晨光·2020-08-18 07:04
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他