angular4

angular4输出属性@Output

Output是属性装饰器，用来定义组件内的输出属性。上篇文章介绍了Input装饰器的作用，也了解了当应用启动时，Angular会从根组件开始启动，并解析整棵组件树，数据由上而下流下下一级子组件。今天介绍的Output装饰器，是用来实现子组件将信息通过事件的形式通知到父级组件。输入属性是通过属性绑定实现父组件到子组件的信息传递。输出属性是实现通过事件绑定实现子组件到父组件的信息传递。属性绑定呢实现了
傻小胖·2020-08-21 15:23

关于Angular的RxJS6的新特性的一次踩坑体验

最近在网上找一些学习视频学习Angular4，学到了"观察者模式与RxJS"这一部分，参照视频中的案例写demo，然后就开始踩坑了。。。
朽骨暗夜候多时·2020-08-21 15:01

前端菜鸡入职一年后的……

分享给大家入职的时候给自己定了一些目标，因为在公司主要用的是vue，别的用得少，所以默默地给自己制定如下几条1.搭建自己的blog（react,angular）2.学习小程序，并写一个案例出来3.学习angular44
weixin_33758863·2020-08-21 06:09

angular4 获取wifi列表中文显示乱码问题

问题描述：如果搜索到的wifi是中文名称，那么就会显示特殊字符比如（甿ªç”Ÿè迪），乱码的问题。这里需要使用escape方法对特殊字符编码，然后使用decodeURIComponent解码具体代码如下创建一个管道，在需要的地方使用即可。import{Pipe,PipeTransform,Injectable}from"@angular/core";//escape在管道中需要定义一下，要
张旭超·2020-08-20 20:18

angular4 获取wifi列表中文显示乱码问题

问题描述：如果搜索到的wifi是中文名称，那么就会显示特殊字符比如（甿ªç”Ÿè迪），乱码的问题。这里需要使用escape方法对特殊字符编码，然后使用decodeURIComponent解码具体代码如下创建一个管道，在需要的地方使用即可。import{Pipe,PipeTransform,Injectable}from"@angular/core";//escape在管道中需要定义一下，要
张旭超·2020-08-20 20:17

[入门级]angular4学习笔记01

检测开发环境violadeMacBook-Pro:leaningAngularroot#node-vv6.11.2violadeMacBook-Pro:leaningAngularroot#npm-v3.10.10验证一下你正在运行node6.9.x和npm3.x.x以上的版本，更老的版本可能会出现错误，更新的版本则没有全局安装angularclinpminstall-g@angular/cli3
前端咖秀·2020-08-20 00:18

angular4使用XLSX将数据导出到excel（四）

目录项目创建添加所需要的依赖编写service测试项目创建使用angular4的cli快速搭建项目脚手架。具
android_Mr_夏·2020-08-19 22:25

Angular4 实现动态Form

在最近的项目中遇到动态form表单的问题，遇到很多编辑的地方，而且编辑的form表单很多内容，大概几十个字段，而且有不同的类型，有文本框，也有下拉列表，有时间控件，还有数值控件等等，如果采用硬编码的方式会有很多问题，代码量太大，容易漏数据，很容易出错；于是正好找到Angular有类似的例子，https://angular.io/guide/dynamic-form，参考这里，实现动态form组件；
xiaoguangtouqiang·2020-08-18 06:44

angular4 使用HttpClient拦截器 检查token失效，返回登录页面

1、首先创建一个拦截器服务：InterceptorService.ts2、在app.module.ts文件里引入拦截器import{InterceptorService}from‘./InterceptorService’;import{HTTP_INTERCEPTORS,HttpClientModule}from‘@angular/common/http’;接着在提供器里声明服务provider
夏迎春·2020-08-18 06:21

Angular4.x+Ionic3 踩坑之路之Ionic使用指定IP地址启动服务器

Ionic使用指定IP地址启动服务器默认情况下，使用命令ionicserve启动服务器调试程序，必须通过localhost（或者127.0.0.1）来访问。这时手机无法访问该程序。所以我们需要通过本地IP的形式来启动。那Ionic在启动过程要怎么指定具体的IP和端口呢？其实ionicservewebpack给我们提供了一个启动帮助的信息我们可以使用Ionicserve-h来查看相关的信息从上图中，
weixin_34348805·2020-08-18 05:40

Angular4.x+Ionic3 踩坑之路之 Ionic3.x 拍照与图片上传

1.Ionic调用cordor插件Camera与cordova-plubin-file-transfer实现拍照及图片上传Ionic原生插件官方文档1）camera插件安装ioniccordovapluginaddcordova-plugin-cameranpminstall--save@ionic-native/camera复制代码2）FileTransfer插件安装ioniccordovapl
weixin_34273046·2020-08-18 04:56

ERROR Found the synthetic property @routerTransition

2、angular4把动画效果的包分离成单独的包@angular/animations，如果要使用动画需要安装@angular/animationsnpminstall--save@angula
weixin_33971130·2020-08-18 04:54

Angular4.x+Ionic3 踩坑之路之 Ionic3.x pop反向传值

1.Ionic3.x页面正向传值关于正向传值，上一篇文章里面有讲，具体可以看这里segmentfault.com/a/11...2.Ionic3.x页面pop反向传值,主要有两种方式1.利用ES6提供Promise对象2利用Ionic3.x提供Event对象,观察者模式(publish/subscribe)1)利用ES6提供Promise对象这边假设有两个页面A页面,B页面,情景如下，A跳转B页面
weixin_33971977·2020-08-18 04:23

Angular4---认证---使用HttpClient拦截器，解决循环依赖引用的问题

在angular4项目中，每次请求服务端需要添加头部信息AccessToken作为认证的凭据。但如果在每次调用服务端就要写代码添加一个头部信息，会变得很麻烦。
weixin_33889245·2020-08-18 04:38

Angular4.x+Ionic3 踩坑之路之 Ionic3.x 界面传值

1.Ionic3.x中页面(组件)之间正向传值方式？这里所说的正向传值指的是如有两个页面，我们简称页面A和页面B,正向指的是A跳转到B,比如一个商品跳转这个商品的详情页面。正向传值Ionic3.x主要有2种1.标签上直接跳转2.Js跳转1)标签上直接跳转Ionic3.x对Angular2以上的的路由进一步封装,路由跳转主要是由模块NavController来完成的,传递参数主要是由模块NavPar
weixin_33704234·2020-08-18 04:28

angular4 JavaScript内存溢出问题 (FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out .

最近在写基于angular4的项目的时候，在build--prod的时候,突然措手不及的蹦出个报错，大致错误如下：70%buildingmodules1345/1345modules0active317945ms
weixin_30869099·2020-08-18 04:06

ionic3.0--angular4.0 引入第三方插件库的方法

ionic3.0引入第三方插件(swiper)，方法很多，现详细说明下官方推荐（typings）做法。1.全局安装Typings1、npminstall-gtypings2.搜索你想要的插件，如swiper:1、typingssearchswiper搜索结果如下（有3个swiper资源）：1、react-native-swiperdthttps://github.com/leecade/react
weixin_30679823·2020-08-18 04:32

angular4 ng build 后生成的dist 文件夹中显示无内容的解决办法。

angular4ngbuild后生成的dist文件夹中显示无内容的解决办法。
weixin_30480651·2020-08-18 04:57

angular4 httpclient拦截器

1.创建服务：InterceptorService.tsimport{Injectable}from'@angular/core';import{HttpEvent,HttpInterceptor,HttpHandler,HttpRequest,HttpResponse}from"@angular/common/http";import{Observable}from"rxjs/Observabl
weixin_30294295·2020-08-18 03:22

angular4中ngModel双向绑定在限制输入情况下与value值不一致的问题及尝试的解决方法

近期公司的一个后台项目在使用angular4进行开发，随着项目的推进和迭代开发，需要对有的input框的value值进行限制输入，例如目前项目的一些input框只允许输入数字和'.'这两种形式的内容。
rushichunqiu·2020-08-18 02:54

Angular4项目部署到服务器上刷新404解决办法

刚遇到Angular4项目npmrunbuild后部署到服务器可以访问,但是刷新页面会出现404的错误!
1叶知秋灬·2020-08-18 01:23

Angular4中[ngClass]、[ngStyle]的用法

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

angular4搭建框架步骤以及注意点

1.新创建一个项目：ngnewapp(项目名称)2.进入到项目中，npminstall，加载依赖包3.ngserve运行，在浏览器输入localhost:4200查看项目，是否成功4.停止项目是：ctrl+c然后输入y即可4.src下边的app下边编写项目assets下是项目所需要的图片，js，css.angular-cli.json中的styles和scripts加载放js和css的路径（写上需
wyr_xiaowu·2020-08-18 01:48

在 angular6/7 中使用 Word Cloud 标签云

1、首先通过npm命令进行下载，运行这两个命令即可npminstallangular4-word-cloud--savenpminstalld3--save2、在appmodule中引用该模块import
lurenxie·2020-08-17 23:02

Angular4学习笔记（二）：绑定和分包

代码已提交至Githubsrc目录下的app/app.component.ts文件是一个标准的angular4组件的结构。
龙骑将杨影枫·2020-08-17 21:35

Angular45

Angular4TutorialforBeginners:LearnAngular4fromScratchhttps://www.youtube.com/watch?
ailiu6134·2020-08-17 21:30

ionic3+angular4组件通信，1组件解决2需求

之前一直想不明白组件的复用性该怎样提高，总觉得一个组件就只能用一次，但经过这几天的折腾，终于开窍了，成功的将一个组件封装成满足2个需求的框框了。先简单介绍一下，这个案例大概是做什么的。本案例是以投票为需求展开的，满足的内容是一个组件不仅要能显示列表所有内容，还能满足搜索功能，能根据某一关键字搜索到具体的人。代码中最主要的是两个部分，一个是子组件封装，还有一个是父组件调用并传递相关信息，具体内容可以
ColourfulTiger·2020-08-17 19:32

angular4运行 ng build -prod出错

错误如下大致意思是找不到package.json,之前用angular4.0没问题，装到最新的就有问题了，可能是使用cnpm装依赖引起的，因为npminstall装不
weixin_34126557·2020-08-17 19:10

Angular4.x+Ionic3 踩坑之路之二

1.ionic的安装ionic安装是基于Node.js安装还是很简单的，这里就不在作介绍。1）//安装（失败的话Mac尝试使用sudo，Windows尝试管理员身份运行cmd）$npminstall-gcordovaionic复制代码注:本人在安装过程最容易出现的一个问题是：Error:Cannotfindmodule'@ionic/app-scripts'主要问题为：这个问题的主要现象就是创建的
weixin_33744141·2020-08-17 19:02

Angular4.x+Ionic3 踩坑之路之打包时出现JAVASCRIPT HEAP OUT OF MEMORY的几种解决办法

最近开发的一个比较大型的App时打生产环境包是出现内存不足导致打包失败的问题。然后百度发现解决方法都是一样，自己试了一下都没什么暖用，心里只想用呵呵来形容了。最后经朋友介绍，技术问题还得去谷歌，gitub官网，果然问题真的找到了，而已也解决了，以下是给出几种解决方案:Ionicgithub官网解决方法一:(自己也是通过这种方法解决问题的，推荐)1.在package.json文件的scripts中添
weixin_34357267·2020-08-17 18:51

Angular4订阅(Subscribe)与取消

##声明以下内容仅仅为个人在自学过程中的理解，若有错误，麻烦您在评论区指出，我将及时更正，方便其他人，谢谢！###订阅(Subscribe)写过js的都知道，subscribe在很多地方都能看到它的身影，并且起到了很重要的作用。侦听http请求的返回，页面间传递参数……说起订阅，就不能不提Observable，说起Observable就不能不提Subscribable……等等，扯太远了。回到正题，
微雨燕凝霜寒·2020-08-15 20:06

Angular4_清空input输入框

Method1.Using`ngModel`.@Component({selector:'my-app',template:`Clear`,})exportclassApp{searchValue:string='';clearSearch(){this.searchValue=null;}}Plunkercode:Plunker1Method2.Usingnullvalueinsteadofem
Martin_Yelvin·2020-08-15 19:06

使用Ionic3开发混合APP的架构设计总结

Ionic在2017年3月7号在其官方博客宣布Ionic3正式版本发布，采用最新的Angular4，和以往一样的scss，Ionic3和2版本的主要区别就是对懒加载的全面使用。
家威Geek·2020-08-15 18:10

Angular4学习笔记（四）：service

代码已提交至Github通过router已经把主页和详情页分开了，但是分的还不够彻底。gundam-host.component.ts和gundam-detail.component.ts还是太臃肿了。理论上，处理数据相关的业务逻辑应该再进一步从controller里分离，而Angular提供的分离方式就是service。service在gundam-host.component.ts文件里，获得
龙骑将杨影枫·2020-08-15 18:10

Flip Game-1753

FlipGameTimeLimit:1000MSMemoryLimit:65536KTotalSubmissions:35785Accepted:15628DescriptionFlipgameisplayedonarectangular4x4fieldwithtwo-sidedpiecesplacedoneachofits16squares.Onesideofeachpieceiswhitean
wzp_moon·2020-08-15 12:10

ERROR in ./node_modules/ng-zorro-antd/src/ng-zorro-antd.less (./node_modules/raw-loader!./node_modul

使用angular4与ng-zorro是产生的错误经过查阅和尝试解决办法如下：[email protected]安装[email protected]版本我的项目angular\cli默认安装的是3.0.4
z__a·2020-08-15 09:43

Angular4错误提示的说明（一）

2019独角兽企业重金招聘Python工程师标准>>>错误一：UncaughtNetworkError:Failedtoexecute'send'on'XMLHttpRequest':Failedtoload'ng:///DynamicTestModule/ManufacturerListComponent.ngfactory.js'.这个错误很可能是一个误导，你可能根本没有用到XMLHttpRe
weixin_34004750·2020-08-15 08:53

angular4项目启动步骤

1.安装node官网地址：http://nodejs.cn/安装完成后，在命令行工具输入node–v可验证是否安装成功2.配置淘宝镜像源从国外服务器下载ng4和依赖包很慢，通过配置淘宝镜像源可以提高下载速度。打开命令行工具输入：npmconfigsetregistryhttps://registry.npm.taobao.org配置完成后可通过npmconfiggetregistry验证是否配置成
shengandshu·2020-08-15 07:38

Angular4项目解决跨域问题

跨域跨域:浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.上面提到的,同域的概念又是什么呢???简单的解释就是相同域名,端口相同,协议相同同源策略:请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同.比如:我在本地上的域名是study.cn,请求另外一个域
1叶知秋灬·2020-08-15 07:59

angular4 项目启动报错

安装express命令：npminstall-gexpress原因是：node-sass没有安装npminstallnode-sass-S#安装命令使用梯子：假设你的梯子在你本地机器上开启了一个第三方服务器127.0.0.1:1080，那么只需按照下面的方法配置一下就能正常安装node-sass了（如果你开启的是PAC模式而不是全局模式，那还需要将s3.amazonaws.com加入PAC列表）：
phpfzh·2020-08-15 07:05

angular4启动项目时出现的错

D:\web\angular>npmserveUsage:npmwhereisoneof:access,adduser,bin,bugs,c,cache,completion,config,ddp,dedupe,deprecate,dist-tag,docs,doctor,edit,explore,get,help,help-search,i,init,install,install-test,i
西宝宝·2020-08-15 05:58

Nginx+Tomcat部署Angular+javaweb项目(解决刷新404)

由于某些原因，我们把前端项目(Angular4)和后端项目(JavaWeb)，由于要部署了四个项目：Angular4(微信端)，微信端数据服务，JavaWeb(PC端)*2，并且是放在同一个服务器下。
微雨燕凝霜寒·2020-08-15 04:44

Nginx+Tomcat部署Angular+javaweb项目的操作

由于某些原因，我们把前端项目(Angular4)和后端项目(JavaWeb)，由于要部署了四个项目：Angular4(微信端)，微信端数据服务，JavaWeb(PC端)*2，并且是放在同一个服务器下。
weixin_34262482·2020-08-15 04:14

基础算法 第八周 Flip Game

---------------以下是题目----------描述Flipgameisplayedonarectangular4x4fieldwithtwo-sidedpiecesplacedoneachofits16squares.Oneside
beautydakki·2020-08-14 09:30

Angular4 echarts柱形图及柱形图上文字显示方向

html中在Angular4中的ts文件import*asechartsfrom'echarts';import*asnumeralfrom'numeral';@Component({selector:
前端小白123·2020-08-14 08:24

angular4 项目中使用echart 时动态修改图表数据

准备工作：基于项目中已经完成echart插件的配置页面模板：//(chartInit)="onChartInit($event)"将会把当前生成的echart对象当作参数传入到onChartInit()方法中**.component.ts文件：//定义方法获取echart对象onChartInit(chartOpt){console.log(chartOpt)this.echartOpt1=cha
weixin_30457065·2020-08-14 08:42

ionic 页面滚动到底部方法

强列推荐先看这篇译文《angular4滚动事件》You’retryingtocallacomponentmethodbeforeithasfullyrendered.Youneedtowaitandcallitaftertheviewisfullyloadedandalltheelementshavebeencreated.exportclassHomePage
chelen_jak·2020-08-13 13:49

(八)、Angular4.0 路由守卫

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

angular4.0 路由守卫详解

在企业应用中权限、复杂页多路由数据处理、进入与离开路由数据处理这些是非常常见的需求。当希望用户离开一个正常编辑页时，要中断并提醒用户是否真的要离开时，如果在Angular中应该怎么做呢？其实Angular路由守卫属性可以帮我们做更多有意义的事，而且非常简单。Angular的Route路由参数中除了熟悉的path、component外，还包括四种是否允许路由激活与离开的属性。canActivate：
DS_树苗·2020-08-12 14:51

Angular4动态创建组件--根据组件名称动态创建出来组件

动态创建组件说说场景先，比我写了一些组件，这此组件内容都很少，弹出的对话框也许只有一行数据，也有可能是一个表单等，或都一些多选的，单选的选项等。网上有好多，动态创建组件的Demo，都不是很满意，愿意就是要动态创建组件的时候，传入的你即将要创建的组件对象进去，然后把这个放到页面里显示出来。这算什么动态创建呀，我就想传一个组件的名字，然后就能把他创建出来。之前写过C#动态创建类，都是给一个类的名称，然
xiaotuni·2020-08-12 14:18
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他