Angular2 第20页

Angular2 给宿主元素设置样式的2种方式

Angular2中给宿主元素设置样式的2种方式primeng开源组件的hostelement基本不会有样式设置，但是最近有个需求，能够定义全局css来设置一些表单控件的宽度。

CK110·2020-03-30 02:13

Angular2--属性型指令

属性型指令用于改变一个DOM元素的外观或行为。例如，内置的NgStyle指令可以同时修改元素的多个样式。创建属性型指令import{Directive,ElementRef,Input,Renderer}from'@angular/core';@Directive({selector:'[myHighlight]'})exportclassHighlightDirective{constructo

紫诺_qiu·2020-03-29 22:53

AngularJS2 学习（一）---学习前提

Angular2.x是Angular1.x的版本升级，但二者的区别绝不是简简单单的更新一些功能，二者的区别类似Java和JavaScript，所以在学习Angular2.x时大家需要做好重新学习一门语言的心里准备

博为峰51Code教研组·2020-03-29 16:18

收集的angular资料链接

Angular1和Angular2集成：无缝升级的方法Angular1vs.Angular2深度比较angularUpgradingAngular1.XTo2.0Angular2快速上手angular2

擂鼓人·2020-03-29 16:18

总结几个Angular2与ios wechat的问题

问题一：ios微信表单填写时，点击之后表单被放大：解决：在增加user-scalable：允许使用者缩放，1or0(yesorno)问题二：ios微信返回时，会从缓存直接加载旧页面，有些事件不会再触发，旧页面一些标志也没有重置，会出现几个组件重叠。解决：在二级页面的生命周期的destroy周期，放一个键值对到sessionstroage，返回是从sessionstroage中拿出这个值，如果这个值

Husbin·2020-03-29 13:57

Angular4.0.0正式版发布

这也是是自宣布angular改版后，首次发布的专业版本它向下兼容，支持所有使用了angular2.x.x版本的应用程序。Angular2版本之后直接迎来Angular4版本。

博为峰51Code教研组·2020-03-28 18:17

angular2.0+ 模块之间共享service并订阅更新

如何利用service共享数据本次需求我们拥有两个组件“ChildComponent，SecondComponent”，组件之间都有一个共同的服务“ConstService”,在“SecondComponent”改动“ConstService”中的变量，“ChildComponent”自动更新变化后的值3.“ConstService”服务image.png之前试过用“eventEmitter”想再

奔跑的蛙牛·2020-03-28 14:34

angular2.0初学习体验

angular2.0中文官网网站1、搭建本地环境//打开gitbase命令行cdfmkdirangularcdangular//克隆或者用git工具TortoiseGit工具gitclonehttps:

pauljun·2020-03-28 09:13

Angular2 页面的生命周期

ngOnChanges当被绑定的输入属性的值发生变化时调用，首次调用一定会发生在ngOnInit之前。OnChanges指令和组件ngOnInit()在第一轮ngOnChanges完成之后调用。(译注：也就是说当每个输入属性的值都被触发了一次ngOnChanges之后才会调用ngOnInit，此时所有输入属性都已经有了正确的初始绑定值)OnInit指令和组件ngDoCheck()在每个Angula

SevenLonely·2020-03-27 21:39

Angular2父子组件之间数据传递：@ViewChild获取子组件

加拿大温哥华岛西海岸的步道吊桥我们在《Angular2父子组件之间数据传递：局部变量获取子组件》讲到过（如果有不懂的，可以先去看看），通过在子组件模版上设置局部变量的方式获取子组件的成员变量，但是有一个限制

小处成就大事·2020-03-27 17:07

Angular2别学边记

一、起项目根据官方教程，执行以下：gitclonehttps://github.com/angular/quickstart.gitquickstartcdquickstartnpminstallnpmstart然后要把下面文件略微改一下（官方没有写），否则编译出的js和ts混在一起，很乱//tsconfig.json{"compilerOptions":{"target":"es5","outD

Angeladaddy·2020-03-27 09:52

angular2-chapter05

RoutingandNavigationCheckcodeat:https://github.com/wghglory/angular2-fundamentalAddingevent-detailpageshared

wghglory·2020-03-27 08:03

解决angular2页面刷新报404错误方法

如果你的angular项目部署到一个tomcat容器里面，localhost:8080是JavaWeb的主页，localhost:8080/driver/login是你angular2项目的登陆地址。

漂亮假动作·2020-03-27 05:29

Angular4微信的坑

不要给图片绑定一个空的值或空的图片引用（如果值从服务器异步过来，那应该在初始化时给它一个默认值）why：会触发一个404的请求（如:imgsrc=http://xxxx/null）3、页面全部使用最新的angular2

关保民·2020-03-27 04:31

Angular2 组件（页面）之间如何传值

在Angular2中，数据和事件变化检测从上到下发生从父级到子级。Angular2事件，我们可以使用DOM事件传递模型，其中事件从下到上从子到父。

SevenLonely·2020-03-27 04:34

Angular 2 之七依赖注入

概述Angular2使用自己的依赖注入框架并采用构造注入方式，依赖注入分两个步骤：1）向injector注册Provider2）构造类时injector根据参数注入对应的实例。

张霸天·2020-03-27 02:04

Angular2关于定义一些全局常量，以及在页面中引用

思路1.创建一个server里面写上自己常用的一些变量2.在页面中直接绑定绑定形式为{{strings.user.name}}这样的形式来绑定不说了直接上代码了//SettingsServiceimport{Injectable}from'@angular/core';declarevar$:any;@Injectable()exportclassSettingsService{publicuse

SevenLonely·2020-03-26 17:39

Angular4基本网络请求get、post方式

angular2的网络请求和4还是有很大区别的，写一个项目的话肯定会用到http服务，除非你都是静态页，这只是一个最基本的、深入的拓展即可，希望能够帮助大家吧，谢谢首先如果你想用这个服务、那么你需要在app.module.ts

不伟心·2020-03-26 10:18

2016前端探索总结——前端工程与未来

在过去的这一年，前端领域发生了翻天覆地的变化——Angular1.x慢慢退出舞台，Angular2、React、Vue等新兴的MVVM框架已接近成熟。

LowesYang·2020-03-26 09:20

浅谈angular2中的依赖注入

引言依赖注入，有后端背景的童鞋（尤其是熟悉javaspring框架的）应该不会陌生，提到依赖注入，就不得不说一下控制反转，因为依赖注入实际上是控制反转概念的一种实现模式。控制反转（inversionofcontrol，IoC）原则的非正式称谓是“好莱坞法则”，它来自好莱坞的一句常用语“别打给我们，我们会打给你（don'tcallus,we'llcallyou）”，从控制权的角度来看，控制权从我被反

OnePiece索隆·2020-03-25 19:40

Angular2 踩坑记录

noproviderforhttpAngular2解决方法不是想当然的在所在模块那里的provider直接导入http而是导入HttpModule即可Templateparseerrors:Can'tbindto'ngModel'sinceitisn'taknownpropertyof'input

GorillaChen·2020-03-25 18:29

推酷《Guru Weekly》第二十七期

前端开发ResponsiveModularScale5JavaScript“Bad”PartsThatAreFixedInES6UsetheAngularCLIForFasterAngular2ProjectsMaskingintheBrowserwithCSSandSVGIntroducti

推酷·2020-03-25 12:47

Angular2-使用Angular-CLI快速搭建工程（二）

使用iconfonticonfont是阿里巴巴的icon项目，阿里巴巴使用，也公开对外使用，现在一些公司都使用了，它有CDN，访问快，用起来也很方便，这章节讲下如何使用iconfont；（当然，本质上就是引用一个icon的font文件，无论用bootstrap的还是自己做的，都是一样的，希望读者触类旁通）iconfont上创建工程具体怎么做已经超出本文范围；有兴趣的可以自己学习；我们选择一个做实验

yitalalww·2020-03-25 09:10

angular2+webpack+starter使用

刚开始从github上clone这个项目到本地，拖到vscode中，第一个反应就是这该从哪里开始看、项目怎么运行、为什么只有一个index.html，而且还打不开，怎么部署到服务器上去运行，心里阴影面积得有多大。。。我也是带着这样的心情一步步摸索过来的，当熟悉了这一套以后，会有一种柳暗花明的感觉，那种感觉就是很爽，有时间的伙伴可以多花点时间自己去摸索相信会有非常大的收获。下面我们来一一解决上面的困

琢磨先生lf·2020-03-25 08:34

angular-CLI ng build 之后的问题

angular2的爬坑之路真的是难啊。。。

麻辣小面瘫·2020-03-25 06:00

Angular2 @NgModule

模块是用来组织应用的，通过模块机制外部类库可以很方便的扩展应用，Angular2将许多常用功能都分配到一个个的模块中，如:FormModule、HttpModule、Rou

SevenLonely·2020-03-25 04:14

Angular2 的 View Encapsulation（样式封装）

Angular2的ViewEncapsulation（样式封装）angular2版本：2.4.8,测试代码地址ShadowDom开始之间，建议先了解下ShadowDom方面的知识ViewEncapsulation

CK110·2020-03-24 15:37

Angular2 隐藏路由参数信息

shit一样的官方文档，还是记录一下吧先看一下子路由配置{path:'',component:CarProFile,children:[{path:'add',component:CarAdd,}]}this.router.navigate(['add',{id:this.userid,foo:'foo'}],{relativeTo:this.route});然后浏览器的url是这样的，参数很明显

CK110·2020-03-24 15:24

Angular2的应用架构浅谈

引言angular2相比1引入了更完善的模块系统，回忆ng1的应用中通常在页面的html标签或body标签中添加ng-app节点，值为应用的模块名，整个应用都将围绕这个模块来展开，到了ng2，模块概念完善了很多

Yitimo·2020-03-23 22:08

微信jssdk与angular2的router坑

参考：http://www.jianshu.com/p/c4f216b0c080在调用wx.config时，如果使用了router改变了路由，那么在wx.config时总是返回invalidsignature错误。ios和android都会出现相同的问题，但是PC端正常。最后证明是微信手机浏览器的兼容性问题。在手机里，wx.config必须使用刚进入页面的网址。而不能从window.locatio

cuiliang·2020-03-23 10:10

Typescript

好处2）安装typescript开发环境3）Typescript概念，语法和特性1.2Typescript优势1）支持ES6规范2）强大的IDE支持：1）类型检查：变量类型设置2）语法提示3）重构3）angular2

张蕾_·2020-03-23 02:16

Angular2 五:异步获取数据

强烈建议您看完前面对教程(传送门),再来学习这次的异步获取数据教程接上第四节的讲:我们怎么异步获取英雄列表的所有数据呢?promise一直中文有都点累了,从官网上摘录一点英文,本人感觉是对promise最好的解释了,您不妨翻译一下试试看看APromiseis...wellit'sapromisetocallusbacklaterwhentheresultsareready.Weaskanasync

醋留香·2020-03-22 17:30

利用原生Input实现web上传图片和视频

下面演示的是在Angular2中上传方式的实现。HTM

席坤·2020-03-22 17:35

Angular2：密码的显示隐藏

代码结合ionic2开发移动端项目，注册页的密码的input一般用password，但是用户输入密码时可能会输入错误，需要显示成text。如图：首先，输入框的类型判断；然后，添加眼睛的点击事件，ngClass判断图标样式；//闭眼图标//睁眼图标最后，附上ngClass的样式，图标的隐藏显示。.eyehide.eye-hide,.eyeshow.eye-show{display:block;}.e

Lucia_Huang·2020-03-22 13:22

Angular2入门之利用angular-cli快速构建工程

Angular2创建工程简介Angular2和Angular1有很大的差别。这也是我学习的第一个框架，一切将从零开始。

胡不归vac·2020-03-22 07:34

ES6与Typescript

要让Angular2应用跑起来不是件轻松的事，因为它用了太多还不被当前主流浏览器支持的技术。

TSW1995·2020-03-22 04:44

Angular2表单-自定义验证器

前面angular已经做了2次专题了，今天我们继续学习，来看一下如何在表单中自定义验证控件。下面是一段很长的html代码，算了我还是一步步来吧。。重置姓名:未修改已修改有效姓名最小长度为3必须输入姓名1.任何一个表单都会有[formGroup]="userForm"这样的字段，这个表单的获取就是通过‘userForm’2.formControlName="name"代表着个input是当前这个表单

我是上帝可爱多·2020-03-22 01:15

Guru Weekly 第九期

GoogleplanstoremoveOracle’sJavaAPIsfromAndroidNXAMLBehaviorsnowopensourceDebianCreatorIanMurdockDeadAt42前端开发Angular2versusReactES6Patterns

推酷·2020-03-21 22:52

Angular2.0快速上手（开发准备一）

开发angular是一件愉快的事情，虽然总会有人诟病，但那又如何。你玩的开心就行了，就像小婴儿抓到一张也能玩的很嗨。又何必去计较太多。一、安装Node.js，编码半辈子1、不要问我Node.js是什么，其次我也不想讲。毕竟这集它不是主角，Angular才是带着主角光环出场的家伙。首先下载Node.js的安装资源https://nodejs.org/en/，输入链接会打开如下页面：根据自己的电脑选择

葉糖糖·2020-03-21 19:47

Angular2.0快速上手（开发准备二）

生命在于折腾，而对于程序员来说，写代码已经很费精力了，再去花时间于开发环境上，那就坑大了。今天心血来潮，想使用cnpm来创建Angular项目。特别记录下操作过程，供有需要的小伙伴们参考。一、设置镜像地址使用国内镜像，这可以提高一些效率。如果你不会科学上网，你懂的，你会被墙。第一步，你需要安装cnpm，命令如下：npminstall-gcnpm--registry=https://registry

葉糖糖·2020-03-21 16:52

如何实现angular2版本的modal弹框

最近看angular2项目代码时发现项目中modal的使用形式是，哪里需要modal就写在哪里，modal嵌入在Dom树中的很深层而不是在直接挂在body下，这样会导致很大的问题。

前端大魔王·2020-03-21 10:21

Angular2使用vscode断点调试ts文件

VSCode自带debugger工具，管理后台项目使用angular2，试了下调试ts文件十分方便。下面是具体的实现步骤以及踩的坑。当你调试出来后，回头看这个设置还是十分简单的。

Willworkgogogo·2020-03-21 10:22

angular2-chapter04

CreateServicesCheckcodeat:https://github.com/wghglory/angular2-fundamentalServicesandDependencyInjectioncreateshared

wghglory·2020-03-21 09:15

我为什么选择Angular 2？

原文:http://www.infoq.com/cn/articles/why-choose-angular2/没有选择是痛苦的，有太多的选择却更加痛苦。而后者正是目前前端领域的真实写照。

互联网编程·2020-03-21 05:45

一周搞定TypeScript+Angular2+Ionic2

摘要预先说明一点，笔者是后端程序猿，前端只是略懂，仅仅略懂。这篇文章比较长，很多老铁估计一看到滚动条就放弃了，这里我要说的是程序是比较简单的东西，只要你有一定的耐心，肯定会有非凡的收获。只需要你有5成的html+css3+js基础即可开始我们的一周之旅。废话少说，能贴代码绝不瞎比比。需求确定记录每天的各种消费，以控制每月的消费（其实是因为穷，所以要节流）。目前比较简单，只是对业务的实现，没有集成安

蓝山牧童·2020-03-20 23:59

angular2项目搭建总结(血泪)

1.安装NodeJs和npmnodejs安装windows下的NodeJS安装是比较方便的（v0.6.0版本之后，支持windowsnative），只需要登陆官网（http://nodejs.org/），便可以看到首页的“INSTALL”按钮，直接点击就会自动下载安装了。安装过程基本直接“NEXT”就可以了。（windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径

莫失莫忘_f9a7·2020-03-20 16:55

[Ionic 2从入门到精通] 3.4 数据模型和Observable

在Ionic2和Angular2中，如果我们想持有某些数据的引用，我们大概需要这样去做：this.myDataArray=['1','2','3'];然后，如果我们是创建模型的话

老牛啃码·2020-03-20 14:36

Angular2项目日常开发中所遇问题及解决方案记录(二)

1、angular2objectundefined问题描述：通过http>get()方法获取到的对象accountDetails={userName:'alice'}。

易sense·2020-03-20 03:10

为 Angular 1.x 添加依赖注入 Decorator

最近在研究从Angular1.x切换到Angular2，因为目前Angular2正处于RC阶段还会有比较多的变化，暂时还是使用1.x。

coderbiq·2020-03-19 23:02

angular生命周期

大纲1、angular生命周期是什么2、生命周期钩子分类3、Angular2指令生命周期钩子的作用及调用顺序4、Angular2指令生命周期钩子详解5、实例代码6、参考网址angular生命周期是什么1

前端路上的小兵·2020-03-19 23:07

推荐频道

Angular2