angular4 第7页

Angular4指令(Directive)

1.Angular4指令分类组件（Componentdirective）：UI组件，继承于Directive；属性指令（Attributedirective）：改变组件的样式；结构指令（Structuraldirective

weixin_34364071·2020-08-12 14:03

Angular 4.0之表单基础知识介绍

表单这两天项目中涉及到了表单的内容，于是好好的把Angular4.0中表单的内容看了一下，总结了一些基础的知识。

瘦肉_·2020-08-12 13:37

关与angular4.0，以及angular脚手架1.7.4版本，ng-zorro前端UI框架，的后台管理项目开发心得...

一直以来我对angular有种初恋情人的感觉，关与初恋我就不过多的解释了，可能是天意吧，所工作过得两家公司都在使用angular，只不过一家使用的是angular1.0版本，而另一家用的则是angular全新的4.0版本，在我看来，两者之间的区别在于，组件化，模块化的系统性，这是大的来说，细的说区别在于全新，以后在更新时，再说全新的全新在于那，2.0版本之后。我想angular开发团队，更加重视组

weixin_34302798·2020-08-12 13:46

angular4+百分比进度显示插件

效果展示：一、在npm社区中搜索：ng-circle-progress二、在项目目录下安装下载npminstallng-circle-progress--save三、在app.module.ts文件中导入NgCircleProgressModule模块，并在@NgModule装饰器中使用NgCircleProgressModule.forRoot()的方法,里面的参数是个对象字面量NgCircle

ngsave·2020-08-11 22:44

在angular4+以上使用echarts（一）

所需要的环境：1）node.js2）npm包管理器3）angular-cli（命令行工具）一、首先让我们通过ng命令创建一个新项目ngnewdemo二、进入这个项目下，使用npm安装echartsnpminstallecharts--savenpminstallngx-echarts--save三、配置angular-cli.json文件"scripts":["../node_modules/ec

ngsave·2020-08-11 22:13

angular4 + ionic3学习之路

搭建教程：1、下载node.jsV62、搭建教程npminstall-gcnpm--registry=https://registry.npm.taobao.org//更改镜像cnpminstallionic-g//下载安装ionicnpminstall-gioniccnpmupdateionic-gcnpminstallcordova-g(合并上面两条命令cnpminstallioniccord

z_alvin·2020-08-11 05:19

《Angular4之Typescript用法》

前言：随着Angular的深入实践，对于typescript用法一些细节之处很值得去总结的，请随小编一起来看看吧。正文：findthis.eachName=this.allCount.find(x=>x.id==Id).index;forEachthis.questionTypeSetModels.forEach(sc=>{this.sum=(Number)(this.sum)+(Number)(

杨晓风-linda·2020-08-11 01:42

angular4中判断滚动条是否到达底部

展示结果:当滚动条接近于底部的时候在控制台输出文字。一、首先通过命令新建一个项目ngnewtest01ng是angular-cli命令；new是新建；test01是项目名称，项目名称可以随意，不过尽量按照规范来。二、然后创建三个组件：home组件、list组件、item组件nggchomenggclistnggcitemg代表的是generate，生成；c代表的是component,组件home、

ngsave·2020-08-09 11:52

POJ 1753 Flip Game

FlipGameTimeLimit:1000MSMemoryLimit:65536KTotalSubmissions:26252Accepted:11333DescriptionFlipgameisplayedonarectangular4x4fieldwithtwo-sidedpiecesplacedoneachofits16squares.Onesideofeachpieceiswhitean

Magic_____·2020-08-09 06:06

Angular4.0_路由守卫

路由守卫只有当用户已经登录并拥有某些权限时，才能进入某些路由。一个由多个表单组成的向导，例如注册流程，用户只有在当前路由的组件中填写了满足要求的信息才可以导航到下一个路由。当用户未执行保存操作，而试图离开当前导航时，提醒用户。CanActivate:处理导航到某路由的情况。CanDeactivate：处理当前路由离开的情况。Resolve：在路由激活之前获取路由数据。下面编写一个伪代码示例创建登录

十二指环·2020-08-07 21:51

C#学Java - Java web 基础

写在开头：本人以前做过ASPMVC，目前主要是前端，对于JAVA一直想去了解（因为目前项目是Angular4+SpringBoot），所以我还是想以c#的基础来尽快的了解到JAVA的开发。

耳东蜗牛·2020-08-07 11:30

Angular4-父子组件传值@input@output

父组件传值给子组件在页面引入inputimport{Input}from'@angular/core';父组件传值给子组件子组件使用@Input()title;@Input()run;这样就可以直接使用{{title}},和this.run()在子组件使用父组件的值和方法。子组件主动发送数据给父组件引入Output,EventEmitterimport{Output,EventEmitter}fr

Jzd_dev·2020-08-05 20:05

angular4.x 父子组件传值@Input

一、父组件给子组件传值-@Input1.父组件调用子组件的时候传入数据ts里声明msgexportclassAboutPage{publicmsg:string;........}html里2、子组件引入Input模块import{Component,OnInit,Input}from'@angular/core';3、子组件中@InputexportclassHeaderComponentimp

ken2999·2020-08-05 19:38

angular4之父子组件之间的传值

了解@Input和@Output@Input:将父作用域中的值“输入”到子作用域中，之后子作用域进行相关处理@Output：子作用域触发事件执行响应函数，而响应函数方法体则位于父作用域中，相当于将事件“输出”到父作用域中，在父作用域中处理。Output一般都是一个EventEmitter的实例，使用实例的emit方法将参数emit到父组件中，触发父组件中对应的事件。父组件向子组件传值【@Input

玉米_欣·2020-08-05 17:05

Angular4上传文件中ng2-file-upload控件

1.前端使用Angular2或者4时，可以使用ng2的第三方库ng2-fiel-upload进行上传文件。.其实ng2上传文件百度时网上有介绍如：http://www.jianshu.com/p/0741186f60ab；这里的东西就不在写了，可以参照这个网址。这里开始写具体要介绍的功能，也是这个网址没有写的很详细的功能：1自定义传值两种方法：（1）this.uploader.onBuildIte

泡沫在飞·2020-08-05 13:41

【Angular4项目在linux环境构建与部署】--(2)项目部署

上一篇我们已经将Angular4项目的环境搭建完毕，接下来开展部署工作。

Hepburn Yang·2020-08-04 12:34

预览本地图片--Angular4

今天就是想弄一个，在本地可以预览选择的图片，然后做相应的操作，如上传等。选择图片的方法：显示图片js怎么处理呢，很简单imageUrl:any;onChangeSelectFile(event){constfile=event.currentTarget.files[0];this.UserInfo[field]=file;//必须bypassSecurityTrustUrl转换一下url，要不能

xiaotuni·2020-08-04 08:01

Angular4 文件上传

Angularprovidesgoodsupportforuploadingfile.Anythirdpartylibraryisnotrequired.fileChange(event){letfileList:FileList=event.target.files;if(fileList.length>0){letfile:File=fileList[0];letformData:FormDa

邓闰土·2020-08-03 21:22

牛客算法竞赛入门课第一节习题 Flip Game（状态压缩+枚举）

题目链接：https://ac.nowcoder.com/acm/problem/106350Flipgameisplayedonarectangular4x4fieldwithtwo-sidedpiecesplacedoneachofits16squares.Onesideofeachpieceiswhiteandtheotheroneisblackandeachpieceislyingeith

zaiyang遇见·2020-08-03 19:18

【ACM训练】枚举

poj1753FlipGameTimeLimit:1000MSMemoryLimit:65536KTotalSubmissions:55896Accepted:23364DescriptionFlipgameisplayedonarectangular4x4fieldwithtwo-sidedpiecesplacedoneachofits16squares.Onesideofeachpie

_NEXT_·2020-08-03 11:57

Electron与angular4结合实现热更新

Electron与angular4结合实现热更新ELECTRON架构概况RendererProcess（渲染进程）MainProcess（主进程）问题总结一、jQuery引入二、使用electronapi

前端路上的蚂蚁·2020-08-03 03:24

angular4之管道

步入正题：angular4为我们内置了多种管道。具体用法:用在所需过滤的数据后面以|隔开，以：后面作为参数传递，如需多个参数，可以多个冒号隔开。

可乐CoCo·2020-08-01 14:01

angular4时间转换，js保留两位小数点（分值转换），angular4前端管道保留两位小数

一、angular4时间转换1.vartime1=newDate().format("yyyy-MM-ddhh:mm:ss");2.在ts中注入datePipe管道，import{DatePipe}from

wyr_xiaowu·2020-08-01 14:30

angular4 环境变量配置

好久没有来了，今天风和日丽，就来分享个小知识，不扯淡，直接进入主题：需求：使用angular实现前后分离开发，必然遇到环境问题，比如：在本地开发你需要请求的地址是：www.bendi.com在内部测试的时候你需要请求的地址是：www.dev.com在给测试人员测试的地址是：www.staging.com最后再正式上给用户使用的地址是：www.prod.com问题来了，那是不是每次我们编译生成对应环

蝼蚁筑巢·2020-08-01 13:40

Angular管道的使用

angular中的管道(pipe)以及自定义管道-适用于angular4angualr5angualr6angular7angular中的管道(pipe)是用来对输入的数据进行处理，如大小写转换、数值和日期格式化等

liusuxilinyue·2020-08-01 13:41

angular6引入jquery和jquery插件

文章目录文章参考案例说明一、angular-cli.json引入jquery和jquery插件二、在业务逻辑代码中文章参考Angular杂谈系列1-如何在Angular2中使用jQuery及其插件angular4

胖鹅68·2020-08-01 12:39

angular6 内置管道(过滤器)

文章目录文章参考管道说明常用的管道（pipe）自定义管道文章参考Angular管道的使用管道说明angular中的管道(pipe)以及自定义管道-适用于angular4angualr5angualr6angular7angular

胖鹅68·2020-08-01 12:39

Angular4中常用管道

Angular4中常用管道通常我们需要使用管道实现对数据的格式化，Angular4中的管道和之前有了一些变化，下面说一些常用的管道。

HaiJing1995·2020-08-01 09:57

angular4微信公众号开发遇到的问题

SPA单页面应用授权问题项目中要在微信底下开发单页应用(SPA)，前端技术选型用的angular4，就是按照官方文档来配置的路由，然后我在AppComponent这个根组件里面去调用了后端的接口来获取微信的授权

weixin_33978016·2020-08-01 04:26

angular4 使用 ng build --prod 编译报内存溢出

如下：[13724:0000020D39C660D0]231298ms:Mark-sweep1356.3(1433.6)->1356.3(1433.6)MB,1194.3/0.0msallocationfailureGCinoldspacerequested[13724:0000020D39C660D0]232615ms:Mark-sweep1356.3(1433.6)->1356.3(1426.

qq_35673617·2020-07-31 22:30

在 Angular 项目中添加插件 ng-bootstrap

个人博客原文：在Angular项目中添加插件ng-bootstrap摘要：本文将介绍在Angular4项目中配置ng-bootstrapnpm安装ng-bootstrap模块npminstall@ng-bootstrap

LieBrother·2020-07-30 21:48

angular4实战（3）插件引入及封装

@typesangular4默认开发语言是typescript，虽然typescript作为js语言的超集，但是项目默认还是不支持直接使用js脚本的。

weixin_34245082·2020-07-30 17:01

Angular4中[ngClass]、[ngStyle]的基本使用

1、ngStyle基本用法判断添加2、ngClass第一个参数为类名称，第二个参数为boolean值，如果为true就添加第一个参数的类基本用法[ngClass]="{'text-success':true}"判断[ngClass]="{'text-success':username=='zxc'}"[ngClass]="{'text-success':index==0}"3、例子循环显示的第一行

壹頁書·2020-07-30 17:59

如何在Angular4中引入jquery

1、anjq是我的项目名称：在anjq目录下打开dos命令窗口，然后依次执行如下命令：npminstall--savejquerynpminstall@types/jquery--save如图：2、执行完命令之后，会发现配置文件package.json中会多出配置信息："@types/jquery":"^3.2.12","jquery":"^3.2.1",3、在组件中引入jquery即可使用：im

叮咚侠·2020-07-30 11:58

【angular】——高德地图结合angular4获取地图中某一点信息

高德demo地址：http://lbs.amap.com/api/javascript-api/example/amap-ui-poipicker/index高德地图结合angular4实现下拉框获取某一个点的

下饭的菜·2020-07-30 08:52

Angular4项目nginx服务器部署

Angular4项目nginx服务器部署1.Nginx相关操作命令：Øubuntu安装：$sudoapt-getinstallnginx安装完成即可，在/usr/sbin/目录下是nginx命令所在目录

Rnger·2020-07-30 07:27

angular4与高德地图的结合

angular4与高德地图的结合最近有用angular4、项目中要用到高德地图,于是研究了一番,现在分享给大家。

photowey·2020-07-30 07:46

Angular4 - 引入第三方jquery

Angular4-引入第三方jquery由于最近在Angular4中引入jquery的方式，先是使用了一种普通的方式，在对应的文件中importjquery，可以实现功能。

耳东蜗牛·2020-07-30 07:20

在Mac的Docker中运行DotNetCore2.0

最近学习Angular4，服务端准备使用DotNetCoreAPI来实现，本文简单介绍下在Mac中怎样将DotNetCore程序部署在Docker中，并使用Nginx做反向代理让程序可以跑起来。

dotNET跨平台·2020-07-29 06:58

《Angular4从入门到实战》学习笔记（图文）

《Angular4从入门到实战》学习笔记腾讯课堂：米斯特吴视频讲座二〇一九年二月十三日星期三14时14分WhatIsAngular?

逍遥于（禅趣雅轩）·2020-07-28 22:15

Angular学习随笔

最近在看angular4，随手记的一些angular的随笔。新上手或者准备学angular的可以用作参考，第一次写博客，笔记不算完整，若老司机发现有不足指出请指出。

weixin_34232363·2020-07-28 19:36

leaflet聚合（MarkerCluster）-标记过多，缩小后显示数量

Leaflet/Leaflet.markercluster2.效果图如图所示：3.npminstallleaflet.markercluster运行此命令下载leaflet的markercluster插件4.angular4

wyr_xiaowu·2020-07-28 07:49

ionic3 angular4项目中转义html标签

.tsimport{DomSanitizer}from'@angular/platform-browser';constructor(publicsanitizer:DomSanitizer){}assembleHTML(strHTML:any){returnthis.sanitizer.bypassSecurityTrustHtml(strHTML);}.html

海上笙明玥·2020-07-28 04:45

Node + Angular4 + TypeScript 搭建环境运行项目

1、下载node.jshttps://nodejs.org/en/#download2、安装node-vnpm-v3、安装typescript，angularsudonpminstall-gtypescript//安装TypeScriptsudonpminstall-g@angular/cling-v//检测是否安装成功4.1、创建新项目ngnewmy-app//生成一个新项目以及应用的骨架代码c

molvhongchen·2020-07-28 03:11

angular4 学习第一天

一、模板与数据绑定1.数据显示2.模板语法（一）表达式①插值表达式在视图模板中，{{}}及{{}}中的内容。使用插入HTML标签内{{name}}为HTML标签属性赋值②模板表达式模板表达式产生一个值。可以进行一些简单计算{{1+1}}使用{{}}中的内容：{{1+1}}输入属性绑定的值[property]="expression"③模板表达式操作符1.管道操作符（|）管道是一个简单的函数，它接受

虚蕪面孔·2020-07-28 01:42

Angular4实现动态添加删除表单输入框功能

首先介绍一下实现的效果,就是单一表单能实现添加其他的,也能删除代码如下:动态添加表单用户名密码删除增加双击{{login|json}}username:any;id:number=1;login:any=[{"username":"username"+this.id,"password":"pwd"+this.id}];addInput(){console.log('点击');console.lo

1叶知秋灬·2020-07-16 07:47

angular4项目开发中背景图片地址的引用

随着angular4的出来，angular-cli也升级了,之前使用[1.0.0-beta.xxx]的版本,在组件的样式文件中直接使用assets/images/xxx图片路径,现在新版本的路径是直接从当前组件开始查找一

水痕01·2020-07-16 01:35

angular4项目后端接收不到http.post发送数据的问题

终于解决了跨域问题之后发现不管什么操作后台返回过来的数据都是一样的，谷歌查看数据已经发送过去了，但是后台没有处理，为什么？对比header之后发现angular的http.post发送的参数是json格式的，传参方式是requestpayload，不是用的form传输，header中的content-type也不一样，修改一下header，并把json格式转化一下即可：privateheaders

fzp_xf·2020-07-15 23:20

关于做angular4引入echarts图表

注意：该echarts版本为v3.0.0ngx-echarts版本v2.1.0angular版本为v6.0.0以下本文下面采用最新版本的echarts4.1.0ngx-echarts3.1.0angular6.0.0最新的和2.1.0用法变化不大。就是添加了些API案例1.安装ngx-echartsnpminstallecharts--savenpminstallngx-echarts--save

SevenLonely·2020-07-15 12:35

angular4拦截器的使用

不说废话直接上干货在app-routing中：import{AuthGuard}from'./_guards/auth.guard';constroutes:Routes=[{path:'',component:HomeComponent,canActivate:[AuthGuard],children:[xxxxxxxxx]},];下一步：配置auth.guardimport{Injectabl

anonymous_教主·2020-07-15 06:49

推荐频道

angular4