Angular6

Angular 入门教程系列：38：升级小结(5.2->6.1)

在前面的文章中也曾经分别提到过，angular6由于存在一些稍大的变化，所以不能像Angular4到Angular5那样基本无感地进行升级，这里结合官方提示，简单整理一下Angular5.2到目前稳定的
liumiaocn·2018-10-29 06:04

ionic4/angular6 slides组件动态加载组件

在开发过程中,遇到需要使用ionSlides来动态加载数据的一个需求,即在每次切换到新的slide时,需要动态的去加载每个组件的数据。在刚开始做开发的时候发现直接使用组件时，所有组件都会被加载，然后就去请求后台，切换slide时，再去请求，这就导致了大量的资源浪费，也增加了后台的压力，尤其是当请求比较缓慢时体验是非常差的，因此便考虑需要怎么处理这个问题。首先想到的是做组件的动态加载，于是就跟着官网
Gemkey·2018-10-27 12:55

angular6 创建命令

阅读更多$nggmodule./mans/mans--routing--flat#创建路由和moduleCREATEsrc/app/account/mans/mans-routing.module.ts(247bytes)CREATEsrc/app/account/mans/mans.module.spec.ts(259bytes)CREATEsrc/app/account/mans/mans.m
yjph83·2018-10-25 13:00

angular6 from表单正则较验证，响应式表单验证、模板表单验证

资源地址https://www.npmjs.com/package/great-ngform环境准备1、安装npm包npminstallgreat-ngform--save2、引入moduleimport{GreatValidateModule}from"great-ngform";@NgModule({imports:[CommonModule,GreatValidateModule,Forms
清月晨光·2018-10-24 21:12

Angular7降级到Angular6不成功的解决策略

问题描述因为ITOO项目开发的需要，需要安装指定的版本AngularCLI6.2.4，但是前段时间因为测试新框架，我本地Angular升级到了7，结果在降级这方面遇到了问题，无论采用何种方式，始终都如下图所示（具体采用的方式可以参见：https://blog.csdn.net/ItTvibe/article/details/79062838https://blog.csdn.net/idomywa
段恩刚--Baron·2018-10-24 15:39

Angular 4 到 Angular6 http请求的变化

以下纯属个人学习中遇到的问题以及解决后的感悟，欢迎指点错误:在Angular4中，要用使用http请求服务器数据，应该在constructor中导入Http模块，如：constructor(privatehttp:Http){},在使用时，使用this.http.get(url).map(res=>res.json());即可，其中map源于'rxjs/Rx'响应式模块中;import{Injec
LittleDragonHu·2018-10-24 15:06

Electron & Angular

Electron中使用Angular做UI只打包angular编译后的环境win1064x版本electron3.0.5angular6.xng-alain2.0.0-beta.5调试使用两个进程只打包编译后的
YLPeach·2018-10-21 18:32

webpack4 + angular6 + ng-zorro-antd的脚手架

项目已经上线很久了，差不多一年的时间了，使用自己开发的脚手架。最开始是使用webpack3+angular4+ng-zorro-antd(刚发布版本:0.5.0-rc.2)开发的，为公司开发的一套cms。后来由于种种原因，没有继续使用。被我拿来当做自己的后台管理系统，用着感觉还不错(虽然antd升级变化较大，坑也大，当然也包括rxjs)。angular的组件形式，路由使用，代码分割，组件二次发开等
heheda·2018-10-11 00:00

详解Angular5/Angular6项目如何添加热更新(HMR)功能

本文介绍了详解Angular5/Angular6项目如何添加热更新(HMR)功能，分享给大家，具体如下：A：什么是HMR？Q：HMR（热替换）用于在运行的应用程序中更新代码而不需要重建它。
staven·2018-10-10 14:25

angular6的响应式表单的实现

1：在AppModule模块里面引入ReactiveFormsModule要使用响应式表单，就要从@angular/forms包中导入ReactiveFormsModule，并把它添加到你的NgModule的imports数组中。import{ReactiveFormsModule}from'@angular/forms';@NgModule({imports:[//otherimports...
我不想学习了·2018-10-10 11:39

使用Angular 6创建各种动画效果的方法

我们将通过本文学习到如何使用Angular6来创建各种动画效果。在此，我们将使用VisualSt
陈峻编译·2018-10-10 09:01

问道Angular——Angular5/6/7项目添加热更新(HMR)功能

  提供angular6以上HMR(热更新)功能使用hmr-clinpmi-ghmr-cli  初始化angular项目,命令行进入该目录hmrinit  npmrunhmr启动项目将附带hmr功能。
staven·2018-10-10 00:00

Angular6 + Editor.md markdown Directive指令实现

Angular6+Editor.mdangularmarkdowndirective指令方法想要在angular中使用Markdown编辑器,怪我太笨,搞了三天才算有了自己想要的结果,主要是使用了Editor.md
热情网友·2018-10-05 14:49

angular6 + ng-zorro鹿途后台管理系统（一）

用Angular6+ng-zorro完成一个完整的后台管理系统，鹿途后台管理系统，是我脱离工作自己的第一个作品，所以我可以任意妄为，随心所欲，我想做好它，坚持！
星河mio·2018-09-30 16:00

Angular6学习笔记2: 启动应用

在Angular4学习笔记1中，创建了一个Demo的Project，现在要启动它一.在命令行中启动1.切换到项目目录下：cddemo2.启动这个应用：ngserver--open--open：在启动后自动打开浏览器，当然也可以不加，不过在启动完成后要手动的在浏览器中输入：http://localhost:4200/启动完成后，会出现如下内容此时说明应用已经成功启动。二.使用IDE启动（推荐使用We
西瓜天尊·2018-09-29 15:50

前端周刊第 4 期

开源库&框架动向Java11（LTS）版本正式发布TypeScript发布3.1.1版本CreateReactAppv2.0.0支持CSSModules等较多新特性Angular6.1.9版本发布和7.0.0
weixin_33743880·2018-09-29 13:26

前端周刊第 4 期

开源库&框架动向Java11（LTS）版本正式发布TypeScript发布3.1.1版本CreateReactAppv2.0.0支持CSSModules等较多新特性Angular6.1.9版本发布和7.0.0
giscafer·2018-09-29 00:00

Useful VS Code Angular Extensions

style(.scss/.sass/.less/.css)inangular2project.Tryalt+o,alt+iAutoCloseTagAutocloseshtmltags,squares.Angular6Snippets-TypeScript
forks1990·2018-09-25 16:30

angular6自定义按钮组件 并实现父子组件间的传值

在控制台输入命令创建一个按钮组件nggcomponentbigbutton，cli会自动创建一个BitbuttonComponent组件，提供了html、ts、css文件。修改html、ts、css文件：html内容：{{title}}css内容.big-btn{min-width:50px;border:dodgerbluesolid1px;float:left;text-align:cente
henreash·2018-09-24 18:46

Angular6打包的那些事

angular打包,缩小包体积命令ngbuild--prod--aot来源来源网站打不开了，但是找到一个不错的博客angular6
喵了个咪·2018-09-24 00:00

angular6踩坑之 使用命令新建组件生成less

首先，注意一下，这个东西是本人自己所写。如果有不对的地方，各位大神请指出来，我不一定改。哈哈哈（手动滑稽）。**哦对了，注意复制的时候标点符号的中英文。全半角，否则，出了问题别怪我。**nggcomponent组件名这个指令，想必学习的时候肯定会接触到。新建组件的时候，直接敲这个命令会方便的多。它可以帮你建立很多东西，包括css，html，ts。但是如果我们不想用css，想用less那该怎么办呢。
a1194848992·2018-09-19 19:49

基于TypeScript的Angular6.X系列学习笔记- HttpClientModule

1.HttpClient介绍：是Angular中提供的简化版的API，用来实现HTTP客户端功能，它基于浏览器的XMLHttpRequest接口，通过HTTP协议实现前端应用和后端服务器的通讯，HttpClient在@angular/common/http中；2.使用HttpClient：2.1在app.module.ts中引入HttpClientModule；import{HttpClientM
ChaITSimpleLove·2018-09-16 21:52

Angular6前端开发系统讲解-何韬-专题视频课程

Angular6前端开发系统讲解—528人已学习课程介绍Angular是一个用HTML和TypeScript构建客户端应用的开发平台，集声明式模板、依赖注入、端到端工具和一些最佳实践于一身，帮你更轻松的构建
pkutao·2018-09-13 16:35

Angular6 正则表达式允许输入部分中文字符

之前接到新需求，要求允许输入汉字的输入框允许输入中文括号，写正则表达式letfilter2=/^[\（\）\u4e00-\u9fa5]+$/;测试正常，执行ngbuild--prod命令打包之后运行出错。发现，正则表达式变为/^[\\uff08\\uff09\u4e00-\u9fa5]+$/，build命令会自动编译中文字符，所以正则表达式修改为/^[\uff08\uff09\u4e00-\u9f
茉予夏·2018-09-10 17:17

详解如何构建一个Angular6的第三方npm包

不废话直接上教程1.建立项目ngnewprojectname2.创建第三方库项目创建完毕，依赖安装完毕后#libraryname:第三方包名字#prefix:组件前缀(如nz-zorro的组件前都是nz-xxx)cdprojectnamengglibrarylibraryname--prefixprefix3.查看项目目录多出一个projects目录,目录里就是刚才generate的第三方libr
harlan·2018-09-07 11:21

详解Angular6学习笔记之主从组件

主从组件继学习笔记6，现在可以在页面上显示一个数组，但是原则上不能将所有特性放在同一个组件中，因为如果将所有特性放在同一个组件中，当特性特别多时，组件就变得不好维护了。所以要将大型组件拆分为多个小型组件，使每一个小型组件集中处理某一个特性任务或者工作流，而且这样也便于维护。这次要将学习笔记6中的查看hero详情，放置在一个新的，独立，可复用的组件中，集中在新的组件管理和维护hero详情的信息。1.
wujiayucn·2018-09-05 14:24

初探Angular6.x---主从组件

在上一篇博文《Angular6.x---用户列表与详情展示》中,我们用ngFor=”letobjectoflist”实现了用户列表的展示,并通过(click)=”onSelect(obj)”语法实现了列表单击时将单击的对象传到后台的功能
melon_jj·2018-09-05 14:13

初探Angular6.x---主从组件

在上一篇博文《Angular6.x---用户列表与详情展示》中,我们用ngFor=”letobjectoflist”实现了用户列表的展示,并通过(click)=”onSelect(obj)”语法实现了列表单击时将单击的对象传到后台的功能
melon_jj·2018-09-05 14:06

ng-events类似ionic中Events的angular全局事件

GitHub地址快速开始npminstallng-events--save在Angular6以上的版本中使用,修改angular.json文件,在Angular6以下版本中使用，修改.angular-cli.json
StarDee·2018-09-05 09:14

Angular项目如何升级至Angular6步骤全纪录

前言前段时间将所负责的Angular2项目升级到了Angular5版本，这两天又进行了升级至Angular6的尝试。总的来说，两次升级过程比较类似，也不算复杂。
志文工作室·2018-09-03 16:57

Angular6部署文件vendor.js过大原因及解决方法（linux+nginx）

1.打包方式原来的打包方式如下："build":"ngbuild"生成的文件中，vendor.js竟然高达3M多。解决方法："build":"ngbuild--prod"加了--prod参数后，angular-cli会把用不到的包都删掉2.nginx开启gzip优化在nginx中server上，添加这段代码gzipon;gzip_staticon;gzip_comp_level2;gzip_htt
蹲着马桶抽烟·2018-09-02 12:17

记NG4 迁移到 NG6 的一次实践

原文地址：记NG4迁移到NG6的一次实践官方指南：AngularUpdateGuide前几天成功把项目从angular4迁移到angular6最新版本。
Arabic1666·2018-09-02 10:14

Angular6 实现拖拽功能指令 drag

1.指令代码import{Directive,ElementRef,OnInit,HostListener}from'@angular/core';@Directive({selector:'[appDrag]'})exportclassDragDirectiveimplementsOnInit{constructor(publicel:ElementRef){}publicisDown=fals
双木枯荣·2018-08-30 00:00

Angular6.x - 1. 对官方示例项目Tour of Heroes的总结

架构通过app.module.ts来进行个功能部分的管理和整合app.component.ts为整个应用的根组件，标签名为app-root，其他组件一般应该是该组件的子组件使用Module来进行系统内部的一些操作，如示例中给出的路由功能，添加文件app-routing.module.ts，使用标签router-outlet来展示待路由的内容使用Component来向用户展示数据，并获取用户输入使用
crf_moonlight·2018-08-27 19:55

基于TypeScript的Angular6.X系列学习笔记-Service服务

1.使用服务的目的：服务是为不同组件之间共享信息提供的方法，如组件不应该直接获取或者保存数据，不应了解是否展示假数据，而（组件）更应该聚焦数据展示，把数据访问的职责委托给某个服务；使用服务的总结：1.1提取多个组件之间重复的代码；1.2抽象多个组件之间相同逻辑的代码；1.3提供组件之前的相互通信；1.4封装工具库，供组件使用；2.服务的使用流程：2.1创建服务，AngularCLI命令：nggse
ChaITSimpleLove·2018-08-27 15:17

基于TypeScript的Angular6.X系列学习笔记-Angular CLI常用命令与数据绑定

1.AngularCLI常用命令：AngularCLI脚手架常用命令脚手架名称用法命令解释说明零件nggcomponentmy-new-component指示nggdirectivemy-new-directive管nggpipemy-new-pipe服务nggservicemy-new-service类nggclassmy-new-class守卫nggguardmy-new-guard接口ngg
ChaITSimpleLove·2018-08-24 01:09

初探Angular6.x---进入用户编辑模块

在上一篇博文《Angular6.x---基本目录说明》中,我们简单给大家介绍了Angular项目创建成功后,里面所包含的各个目录的含义,着重讲了src下面的各个目录和文件,从今天起,我们开始进入项目实战阶段
melon_jj·2018-08-22 09:18

Angular6 写一个简单的Select组件示例

Select组件目录结构/src/app/select/select.ts/select.html/select.css/options.ts/index.ts//select.tsimport{Component,ContentChildren,ViewChild,Input,Output,EventEmitter,QueryList,HostListener}from'@angular/cor
niccky·2018-08-20 09:54

初探Angular6.x---用户列表与用户详情

在上一篇博文《Angular6.x---进入用户编辑》中,我们分享了{{属性名称}}和[(ngModel)]这两个表达式的运用,我们已经可以将表单里的修改与我们展示出来的值进行同步,今天我们来学习在Angular6
melon_jj·2018-08-20 09:17

　　初探Angular6.x---用户列表与用户详情

初探Angular6.x---用户列表与用户详情在上一篇博文《Angular6.x---进入用户编辑》中,我们分享了{{属性名称}}和[(ngModel)]这两个表达式的运用,我们已经可以将表单里的修改与我们展示出来的值进行同步
melon_jj·2018-08-20 00:00

ASP.NET Core 2.1 Web API + Identity Server 4 + Angular 6 + Angular Material 实战小项目视频

视频简介ASP.NETCoreWebAPI+Angular6的教学视频我是后端开发人员,前端的Angular部分讲的比较差一些,可以直接看代码!!!!
solenovex·2018-08-18 20:00

详解Angular6 热加载配置方案

Angular6热加载配置方案，分享给大家，具体如下：示例ng版本如下：$ng--version__________/\________||______/___|||__|/△\|'_\/_`|||||
niccky·2018-08-18 15:12

SB Admin Bootstrap 4 Angular 6

描述这个项目是着名的FreeAdminBootstrap主题SBAdminv2.0到Angular-6主题的一个端口特征：升级到Angular6.0.
daqiang012·2018-08-14 17:53

Angular6 + Ng-Zorro项目开发总结（二）

搭建通用类由于之前用的是Abp框架，框架封装的十分成熟，所以很多时候用起来都是知其然而不知其所以然。比如刚开始还没有意识到每次请求都传了token，因为在http方法的调用中，并没有看到它添加header，知道后面看network才知道每次都传了token，搜了全部的文件，关于token的，只有封装好的settoken方法和gettoken方法，到底是怎么加入header的十分费解，后来，想了想估
BranBran·2018-08-13 11:47

Angular6封装http请求的步骤详解

最近抽空学习了一下Angular6，之前主要使用的是vue，所以免不了的也想对Angular6提供的工具进行一些封装，今天主要就跟大家讲一下这个http模块。
_marven·2018-08-13 09:32

Angular6 + Ng-Zorro项目开发总结（一）

项目选型由于上一个项目选择的Abp框架，配合使用的是angular6的前端框架，这次我还是继续选择angular6作为前端开发框架，UI框架，选择了ng-zorro，阿里维护的开源项目，antdesign
BranBran·2018-08-10 18:59

angular6.x中ngTemplateOutlet指令的使用示例

在使用angular进行开发的时候,通过属性绑定向组件内部传值的方式,有时候并不能完全满足需求,比如我们写了一个公共组件,但是某个模板使用这个公共组件的时候,需要在其内部添加一些标签内容,这种情况下,除了使用ngIf/ngSwitch预先在组件内部定义之外,就可以利用ngTemplateOutlet指令向组件传入内容.ngTemplateOutlet指令类似于angularjs中的ng-trans
chenqiao·2018-08-09 13:48

React中如何引入Angular组件详解

于是，我想到了之前在其它组件中使用的WebComponents技术，而Angular6正好可以支持。下面话不多说了，来一起看看详细的介绍吧HTML中引入
Phodal全栈工程师·2018-08-09 09:56

基于TypeScript的Angular6.X系列学习笔记-目录结构

Angular6.X项目【我的应用】目录结构分析：项目中使用AngularCLI创建的名称【my-app】,创建的目录结构如下：对应文件描述：1.e2e——在e2e/下是端到端（End-to-End）测试
ChaITSimpleLove·2018-08-09 00:08

基于TypeScript的Angular6.X系列学习笔记-创建第一个Angular应用

在上一节中，Angular框架的开发环境已经搭建完毕，在终端输入命令：ng-v检查Angular框架的版本号，执行如下：继续使用AngularCLI脚手架创建项目，打开VS-Code在终端输入命令：ngnew[项目名称]创建一个项目，操作如下：1.桌面新建文件夹Demo\AngularDemo(正式开发环境根据项目要求把代码存放相应的盘符，此处只做演示)；2.两种方式新建Angular项目：2.1
ChaITSimpleLove·2018-08-08 23:15
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他