angular4 第15页

angular dynamic component 笔记

主要参考的文章是大神的修仙之路Angular4.x动态创建组件以及官方文档DynamicComponentLoader；这里主要简要记录一下我自己的理解。

zengrc·2018-03-20 00:00

Angular4之五服务器通讯

Angular可以与任何支持http与websocket服务器进行通讯。首先，我们使用node.js用typescript语言创建一个web服务器。一、创建web服务器步骤1创建一个空的项目，取名为service，名字可以按照情况而取。使用命令行，npminit-y作用：进行初始化，增加一个默认的package.json使用命令行，npmi@types/node--save作用：引入node.js

Mandy·2018-03-19 00:00

Angular与其他前端框架的对比

前言小编最近接触到了Angular4前端框架，进行知识的宽度比较，会对这个框架有更加全面立体的认识。

王雅静-Cathy·2018-03-18 21:12

Angular 4.0 and JS全屏最大化展示

Angular4.0实现全屏1.0在typescript的控制器中引入依赖我的依赖如图import{Componen

爱尔兰的男孩·2018-03-18 17:45

Angular4集成ng2-file-upload的上传组件

在Github上找到了一个支持Angular4好用的文件上传组件ng2-file-upload，这里简单介绍一下这个库的集成使用方案。本文基于该组件的1.2.1版。

gavin·2018-03-14 14:25

angular5 httpclient的示例实战

从angular4.3.0以后的版本开始使用httpclient，替换了之前的http，引用的包路径已经变为了angular/common/http了一个基础的httpclient样例import{Injectable

今天来找bug·2018-03-12 16:31

浅谈angular4.0中路由传递参数、获取参数最nice的写法

研究ng4的官网，终于找到了我想要的方法。我想要的结果是用‘&'拼接参数传送，这样阅读上是最好的。否则很多‘/'的拼接，容易混淆参数和组件名称。一般我们页面跳转传递参数都是这样的格式：http://angular.io/api?uid=1&username=moon但是在SPA单页应用中却是下面的结果居多【初级视频都是这样敷衍的】http://angular.io/api/1/moon那么怎么实现

aojiancc2·2018-03-12 08:19

Angular4 自制分页控件

过年后第一波，自制的分页控件，可能功能没有PrimeNG那么好，但是基本可以实现自定义翻页功能，包括：首页/最后一页/上一页/下一页。用户可以自定义：1.当前默认页码（如未提供，默认为第一页）2.最大显示几个页码（如未提供，默认为5）3.每页显示几条数据（如未提供，默认为5）例子，共10条数据HTML:{{page+1}}CSS:ul.pageUi{display:flex;justify-con

Junyuan_123·2018-03-08 16:13

angular4 JavaScript内存溢出问题

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

凌云之翼·2018-03-06 11:47

Angular4 - 指令

1.指令分类组件(Componentdirective)：用于构建UI组件，继承于Directive类属性指令(Attributedirective):用于改变组件的外观或行为结构指令(Structuraldirective):用于动态添加或删除DOM元素来改变DOM布局组件相关的内容就不多说了，可以查看文章组件(1)内置属性指令属性型指令会监听和修改其它HTML元素或组件的行为、元素属性（Att

耳东蜗牛·2018-03-03 23:41

如何使用angular4.x的HttpClient访问.net webapi

网上查阅了很多文章，基本写的都不是很完整，整理一下。从.netWebAPI与Angular两个方面来介绍。一、.netWebAPI配置.netWebAPI方面，主要是解决跨域的问题。1、修改Web.config文件中的system.webServer-->-->2、修改Global.asax.cs文件，在Global类中，添加Application_BeginRequest()方法，代码如下：pr

Dickence·2018-03-02 11:39

Angular4 ElementRef的应用

Angular的口号是-"一套框架，多种平台。同时适用手机与桌面(Oneframework.Mobile&desktop.)"，即Angular是支持开发跨平台的应用，比如：Web应用、移动Web应用、原生移动应用和原生桌面应用等。为了能够支持跨平台，Angular通过抽象层封装了不同平台的差异，统一了API接口。如定义了抽象类Renderer、抽象类RootRenderer等。此外还定义了以下引

阿踏·2018-02-26 14:35

也来说是 AngularJS、 Angular 2、Angular 4 的区别

序言随着Angular版本的频繁推出，有必要了解下AngularJS、Angular2、Angular4的区别。

不吐不快吼一吼·2018-02-23 11:03

Angular4 扫雷小游戏

扫雷小游戏，可以升级过关，难度随关卡增加。但是有很明显的bug，以后有时间会继续优化！HTML:StartStopGameMineLeft:{{this.mineArray.length}}{{column.number}}{{column.index}}-->CSS:.mineContainer{margin:20pxauto;box-sizing:border-box;}.mineContai

Junyuan_123·2018-02-12 15:33

Angular4 自制打地鼠游戏

前端工程师新手一枚，之前一直做些小设计，以及静态页面的编写工作。刚刚接触Angular没有多久，四个月前对于Javascript也只是会写alert之流，现在进步算是很大，下面是自制的打地鼠游戏，是可以升级关卡的哦，希望大神临幸，千万别拍砖。最后的成品是这样的，这是第四关：HTML:StartScore:{{score.scoreTotal}}HitRate:{{score.hitRate}}%T

Junyuan_123·2018-02-12 14:56

Angular4 - 组件

Angular4-组件1.Component组成如上图所示：红色框内的内容是AppComponent,绿色是HeaderConponent,黄色是SideBarComponent,橘色是MainComponent

耳东蜗牛·2018-02-10 23:15

Angular4_路由复用，路由缓存

Angular中维持下拉框选中状态，input输入状态等等Angular项目中如何实现路由缓存相信很多朋友和笔者一样，都对vue中的keep-alive设计拍案叫绝。如此一个简单的问题在angular项目中实现起来确非易事。笔者给出一种解决方法，希望对要在angular项目中实现类似vue的keep-alive效果的你有所帮助。将下列代码保存为app-routing.cache.ts文件并保存在a

Martin_Yelvin·2018-02-07 16:08

ionic3学习之路（三）

Angular4第二周1、第一天1.1、路由知识梳理、理解2、第二天2.1、Angular4双向数据绑定(Angular4中默认单向数据绑定，有时我们需要用到双向数据绑定，一般有两种情况)2.1.1、同一组件中

li_zean·2018-02-06 14:15

Angular4 - 路由

Angular4-路由1.简单问题单页面程序将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript和CSS。用hash的变化从而可以实现推动界面变化。

耳东蜗牛·2018-02-05 22:09

Angular4之八大核心简介

【背景】最近在学习前端Angular，迫不及待想把学习到的内容跟大家分享。【内容】Angular是一个用HTML和JavaScript或者一个可以编译成JavaScript的语言（TypeScript），来构建客户端应用的框架。Angular主要分为八大构造块（也就是八个核心概念）：模块(module)、组件(component)、模板(template)、元数据(metadata)、数据绑定(d

H@·2018-02-04 21:08

Spring Boot 连接 redis 集群

我的个人刷Java面试题网站:http://www.study-java.cn/最近一直在画小程序的界面，感觉自己都快成为一个前端工程师了，尤其是前面做管理后台的时候使用Angular4，让自己有点头大

皮蛋小粥·2018-02-04 19:47

Angular4环境搭建

写在前面：一定要注意，cmd是利用管理员的身份进行进入的1、安装Node.js2、node–v,npm–v检测安装的版本3、配置prefix和cache目录:示例目录地址为：C:\ProgramFiles\nodejscdC:\ProgramFiles\nodejsmkdirnode_global\node_modules//创建目录mkdirnode_cachenpmconfigsetprefi

KevenPotter·2018-01-29 17:31

Angular4 - 共享模块

Angular4-共享模块1.AppModule@NgModule({ declarations:[ AppComponent ], imports:[ BrowserModule ],

耳东蜗牛·2018-01-28 20:21

Angular4基本功【路由守卫与辅助】

背景最近在前端项目中用到angular守卫功能和路由辅助，这次主要介绍的辅助路由和守卫路由，光听名词就可以知道什么是辅助路由，什么是守卫路由，辅助就是辅助的大臣起不到主的作用，守卫就是必须满足一定的条件才可以进行辅助根据一下步骤就可以完成1.在app组件的模板上定义一个插座来显示内容2单独开发一个聊天室组件，只显示在新定义的插座上3通过路由参数控制新插座是否显示内容1在app下面定义一个插座，na

王雪芬-Judy领袖·2018-01-24 15:40

Angular整合zTree的示例代码

1前提准备1.1新建一个angular4项目参考博文：点击前往1.2去zTree官网下载zTreezTree官网：点击前往2编程步骤从打印出zTree对象可以看出，zTree对象利用init方法来实现zTree

NeverCtrl_C·2018-01-24 08:55

Angular4基本功【路由】

背景今天主要运用基础知识页面之间的跳转，也就是路由的相关知识见解的内容RouterLinkRouterOutletRouter—navigate()和navigateByUrl()方法通配符**通配符&&RouterLinkapp-routing.module.tsconstroutes:Routes=[{path:'',component:HomeComponent},{path:'produc

王雪芬-Judy领袖·2018-01-23 19:48

【Angular4学习】--辅助路由

什么是辅助路由在一个组件的模板上只允许有一个插座，但是辅助路由允许定义多个插座，即辅助插座，辅助插座上显示的组件需要辅助路由导航过去。举个简单的例子：比如我们京东买东西的时候看上了一个商品这个时候想咨询卖家，就可以点击联系客服出现聊天页面，当我们在聊天的时候其他页面也可以独立自由操作，他们是独立变化互不影响的。辅助路由语法辅助路由实现三部曲1.插座设置：组件的模板上除了主插座外，声明带有name属

杨晓慧-Hepburn·2018-01-23 16:12

Angular4基本功【组件绑定】

背景最近项目上用到了angular4进行开发前台，组织了零散的知识分享给大家根据需求改变属性,根据代码可以看出，只要star是true则我们现实我们的样式，如果为false则不显示，很好的做到了动态的效果

王雪芬-Judy领袖·2018-01-21 10:12

详解Angular结合zTree异步加载节点数据

1前提准备1.1新建一个angular4项目参考：//www.jb51.net/article/119668.htm1.2去zTree官网下载zTreezTree官网：点击前往三少使用的版本：点击前往1.3

NeverCtrl_C·2018-01-20 10:02

angular4.0的输入属性@Input()

输入属性的定义：输入属性是被＠ｉｎｐｕｔ（）装饰器注解的属性，用来从父组件接收数据，然后传递给子组件。特点：输入属性的数据绑定是单向的，只能是父组件到子组件。示例代码：／／子组件ｏｒｄｅｒ．ｈｔｍｌ这是子组件app-order我要购买名称是:{{stockCode}}的股票，一共购买{{account}}股／／子组件ｏｒｄｅｒ．ｊｓexportclassOrderComponentimplemen

colin_zff·2018-01-16 20:25

Angular 5.0 学习1：Angular 5.0介绍

目前有几个大的版本，一个是Angular1.5，一个是Angular2.0，一个是Angular4.0。一个是Angular5.

zhiyu·2018-01-15 00:00

[Angular4] cnpm 导致的 ng build --prod 失败

问题现象:创建一个angular4以后的项目,通过cnpm([email protected])安装依赖,cnpminstall根据package.json在当前目录生成node_modules后,ngserve和ngbuild

正心at微博·2018-01-13 15:00

Angular4_组件之间传值

子组件html子组件.ts@Output()onSelectIcon=newEventEmitter();@Input()deliveryId:string;@Input()currentNodeStatus:string;@Input()nextNodeStatus:string;父组件html父组件.tsonGridSelected(phase:string,deliveryId:string

Martin_Yelvin·2018-01-10 09:35

如何搭建web前端框架

1、确定项目使用的技术根据项目的需求等来选择使用的技术（这里以angular4+typsescript+nodejs+mongodb举例）2、新建一个项目的工作文件夹使用npminit初始化项目，根据问题配置

B_etterwmj·2018-01-07 19:12

Angular4学习教程之HTML属性绑定的方法

前言本文主要给大家介绍了关于Angular4HTML属性绑定的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。

Wayfreem·2018-01-04 11:49

Angular4学习教程之DOM属性绑定详解

本文主要介绍了关于Angular4DOM属性绑定的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。

Wayfreem·2018-01-04 10:34

Angular4学习之Angular CLI的安装与使用教程

简介关于"Angular"版本，"Angular"官方已经统一命名Angular1.x同一为AngularJS，Angular2.x及以上统称"Angular"。"CLI"是"CommandLineInterface"的简写，是一种命令行接口，实现自动化开发流程。比如：ionic-cli、vue-cli等；它可以创建项目、添加文件（组件，服务等）以及执行一大堆开发任务，比如测试、打包和发布下面就来

Wayfreem·2018-01-04 10:51

使用ng2-admin搭建成熟可靠的后台系统 -- ng2-admin（五）

使用ng2-admin搭建成熟可靠的后台系统--ng2-admin（五）完善动态表单组件升级Angular4.1->4.3添加json-server模拟数据创建自己的http完成一次表单提交升级Angular4.1

昵称不用太拉风·2018-01-03 11:16

Angular4学习笔记之HTML属性绑定

简介基本HTML属性Css类绑定CSS类绑定，[class]全部替换的例子CSS类绑定，[class.sepcial]部分替换的例子CSS类绑定，[ngClass]替换多个的例子Style属性绑定RedRedHTML属性绑定SomethingtableColspan是一个表达式，当界面在渲染的时候会将tableColspan的值绑定到attr后面的colspan上面去修改bind.componen

Wayfreem·2018-01-03 00:00

Angular4学习笔记之DOM属性绑定

简介使用插值表达式将一个表达式的值显示在模版上{{productTitle}}使用方括号将HTML标签的一个属性值绑定到一个表达式上使用小括号将组件控制器的一个方法绑定到模版上面的一个事件的处理器上按钮绑定事件注意在开始下面的例子之前，请先确认已经新建了一个工程。如果没有，请查看：Angular2学习笔记之AngularCLI安装和使用教程事件绑定准备工作了解目的：在模版的界面上面增加一个按钮，然

Wayfreem·2018-01-02 00:00

2017最后一天回顾这一年

angular4~5也刚好在一个项目中用起来了，从0到1搭建了一个完善项目。一篇送给后辈的水文，把曾经每次面对后辈

子慕大诗人·2017-12-31 10:00

SSH网上商城颗粒归仓【五.后端控制权限访问】

背景这次在项目中遇到关于struts拦截的问题，背景是在用户执行实际的处理逻辑之前我们首先执行权限检查逻辑，使拦截器来进行检查，这让我们想起了angular4中的拦截器，当时候angular4拦截器的时候

王雪芬-Judy领袖·2017-12-26 10:40

SSH网上商城颗粒归仓【二.分页查询数据】

背景最近项目中用到了分页查询，其实使用方法和使用原理和.net的非常相似对于后台来说，但是对于前台我感觉跟angular4又非常的相似，我们使用使用判断，也非常的向插值绑定，所以这应该就是前端分离的一个历史演变把执行步骤

王雪芬-Judy领袖·2017-12-26 10:38

安装Angular-Cli以及失败原因解决（Angular4.0）,Angular-Cli卸载

由于Angular4升级了，旧版的Angular-Cli支持性不是很好，所以Angular-Cli也需要升级更新，本质就是删除掉以前的，再重新安装就好了。

隔壁小王攻城狮·2017-12-25 15:28

Angular4实现图片上传预览路径不安全的问题解决

前言前一段时间做项目时，遇到一个问题就是AngularJS实现图片预览和上传的功能，在Angular4中，通过input:file上传选择图片本地预览的时候，通过window.URL.createObjectURL

LiuDongpei·2017-12-25 11:15

Angular4.0中引入laydate.js日期插件的方法教程

前言laydate.js经过贤心大大的重写之后功能越来越强大，用起来也愈渐灵活了，大家都知道。Angular是不支持直接引入js文件的，下面介绍项目如果引入laydate.js的方法(可同样用于其他js文件引入，可能会有一些差别)方法如下：一、将下载的laydate中的js和theme文件放到一个统一的文件下面，我把它放到asset下二、在angular-cli.json配置js三、修改layda

LiuDongpei·2017-12-25 10:05

angular4笔记系列之搭建环境

快速搭建环境npminstall-gtypescript//安装TypeScriptnpminstall-g@angular/cling--version//检测是否安装成功ngnewmy-app//生成一个新项目以及应用的骨架代码cdmy-appnpmingserve--open//使用--open（或-o）参数可以自动打开浏览器并访问http://localhost:4200/快速搭建sass

zhouzhou·2017-12-22 00:00

POJ 1753 Flip Game （枚举或高斯消元）

FlipGameTimeLimit:1000MSMemoryLimit:65536KTotalSubmissions:48244Accepted:20555DescriptionFlipgameisplayedonarectangular4x4fieldwithtwo-sidedpiecesplacedoneachofits16squares.Onesideofeachpieceiswhitean

ZJUCSqxy·2017-12-16 17:14

angular4 通过httpclient调http接口，出现access-control-allow-origin跨域问题解决办法

最近项目中在用angular4，在调试后台http接口时，会出现跨域问题，在chrom浏览器控制台报错如下在浏览器属性中增加几行命令，即可解决该问题，具体做法如下：右击浏览器，选择属性，目标那一栏中增加如下命令

Tiny___·2017-12-15 16:25

Angular4编程之表单响应功能示例

本文实例讲述了Angular4表单响应功能。

成汤·2017-12-13 12:13

推荐频道

angular4