angular6

angular6使用ElementUI

1.npm安装npmi--saveelement-angular2.引入CSS在styles.css中引入@import"~element-angular/theme/index.css";3.引入ElModuleimport{ElModule}from'element-angular';4.无障碍使用{{detailsList}}查看element-angular官网
pan0724·2019-04-04 11:21

angular6+ng-zorro实现表格树形数据展示

IDNAMECOUNT{{item.id}}{{item.keyName}}{{item.count}}import{Component,OnInit}from'@angular/core';import{Router,ActivatedRoute,ParamMap}from'@angular/router';classTreeNodeInterface{id:string;key:string;
kksw1121·2019-03-30 11:15

angular6引入CryptoJS，使用HmacSHA1加密

1.npm安装CryptoJSnpminstallcrypto-js2.在项目中引用importCryptoJSfrom'crypto-js'//注意，没有{}getSign(){vardata=newDate().getTime()varvalue="123456";varkey="GBSJSNKKM@hsdjdkmmkklcld"varsha1_result=CryptoJS.HmacSHA1
pan0724·2019-03-28 13:10

快速部署OpenShift应用

以Angular6集成SpringBoot2,SpringSecurity,JWT和CORS中的SpringBoot和Angular项目为例，详细讲解了S2I和Pipeline两种部署方式。
川川Jason·2019-03-26 16:54

angular6开发steps步骤条组件

文章目录1.先展示步骤条效果2.使用angular命令快速创建组件3.代码4在项目中引用创建的组件1.先展示步骤条效果2.使用angular命令快速创建组件nggccomponent/steps创建的组件在component文件夹下面打开steps.component.ts文件，可以看到selector的值是app-stepsimport{Component,OnInit}from'@angula
pan0724·2019-03-22 17:08

angular6基本语法 *ngFor *ngIf 获取dom元素 绑定事件

文章目录1.创建组件(1)创建组件(2)使用组件2.绑定数据(1)插值表达式绑定(2)属性绑定3.*ngFor4.*ngIf5.*ngSwitch6.获取dom元素7.绑定事件8.双向数据绑定9.管道1.创建组件(1)创建组件//创建一个header组件nggeneratecomponentheader（简写nggcheader）//创建自定义服务servicenggenerateserviceh
pan0724·2019-03-20 14:28

在angular6项目中使用echarts

1.安装相关的依赖npminstallecharts--savenpminstallngx-echarts--save2.引入NgxEchartsModule到app.module.tsimport{NgModule}from'@angular/core';import{NgxEchartsModule}from'ngx-echarts';@NgModule({declarations:[],im
pan0724·2019-03-19 17:31

angular6项目目录结构分析、app.module.ts分析（二）

1.目录结构分析e2e:用来做自动化测试的node_modules:存放第三方依赖包src:应用源代码.editorconfig:编辑器配置文件.gitignore:git配置文件package-lock.json:锁定了npminstall下载的依赖包的版本package.json:npm配置文档README.md:项目说明文档tsconfig.json:typeScript编译器的配置tsli
pan0724·2019-03-18 16:36

Angular6引入Md5，使用md5加密

1.安装依赖npminstallts-md5--save2.页面引用import{Md5}from"ts-md5/dist/md5";//letmd5Value=Md5.hashStr("value")ngOnInit(){console.log(Md5.hashStr('加密'));//十六进制字符串，32位小写，常用//56563edf23b9d717dc63981b8836fc60conso
pan0724·2019-03-13 16:34

angular6 "@angular/compiler-cli" has an incompatible peer dependency to "typescript" (requires ">...

problem:"@angular/compiler-cli"hasanincompatiblepeerdependencyto"typescript"(requires">=3.1.1=3.1.1<3.3.0"
哆啦在这A梦在哪·2019-03-11 09:08

angular6根据environments配置文件更改开发所需要的环境的方法

前端开发过程中，我们常常需要根据需求去运行或者打包不同环境的代码，幸运的是，angular给我们提供了environments配置，但是angular6.x的配置方式和angular的其他版本的配置方式是有所不同的
码农流浪记·2019-03-06 15:10

angular6根据environments配置文件更改开发所需要的环境

前端开发过程中，我们常常需要根据需求去运行或者打包不同环境的代码，幸运的是，angular给我们提供了environments配置，但是angular6.x的配置方式和angular的其他版本的配置方式是有所不同的
码农流浪记·2019-03-05 00:00

Angular6错误 Service: No provider for Renderer2

这个错误一般是在构造函数中注入Renderer2引起的。解决办法很简单，既然无法注入Renderer2就不注入。可以利用工厂类RendererFactory2代替直接注入Renderer2的方式。示例代码如下：import{Renderer2,RendererFactory2}from'@angular/core';@Injectable()classService{privaterenderer
双木枯荣·2019-02-27 00:00

【CuteJavaScript】Angular6入门项目（1.构建项目和创建路由）

本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六、改造组件1.添加历史记录组件2.添加和删除历史记录七、HTTP改造1.引入HTTP2.通过HTTP请求数据3.通过HTTP修改数据4.通过HTTP增加数据5.通过HTTP删除数据6.通过HT
pingan8787·2019-02-23 11:58

【CuteJavaScript】Angular6入门项目（2.构建项目页面和组件）

本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六、改造组件1.添加历史记录组件2.添加和删除历史记录七、HTTP改造1.引入HTTP2.通过HTTP请求数据3.通过HTTP修改数据4.通过HTTP增加数据5.通过HTTP删除数据6.通过HT
pingan8787·2019-02-23 00:00

【CuteJavaScript】Angular6入门项目（4.改造组件和添加HTTP服务）

本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六、改造组件1.添加历史记录组件2.添加和删除历史记录七、HTTP改造1.引入HTTP2.通过HTTP请求数据3.通过HTTP修改数据4.通过HTTP增加数据5.通过HTTP删除数据6.通过HT
pingan8787·2019-02-23 00:00

【CuteJavaScript】Angular6入门项目（1.构建项目和创建路由）

本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六、改造组件1.添加历史记录组件2.添加和删除历史记录七、HTTP改造1.引入HTTP2.通过HTTP请求数据3.通过HTTP修改数据4.通过HTTP增加数据5.通过HTTP删除数据6.通过HT
pingan8787·2019-02-23 00:00

【CuteJavaScript】Angular6入门项目（3.编写服务和引入RxJS）

本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六、改造组件1.添加历史记录组件2.添加和删除历史记录七、HTTP改造1.引入HTTP2.通过HTTP请求数据3.通过HTTP修改数据4.通过HTTP增加数据5.通过HTTP删除数据6.通过HT
pingan8787·2019-02-23 00:00

Angular基础培训--2019/2/22

1、环境搭建：安装Nodejs，angular需要Node.js的8.x或10.x版本；安装AngularCLI,npminstall-g@angular/cli当前框架版本要求angular6.2.0
Angular baby·2019-02-22 11:00

angular6 导出json数据到excal表

1首先使用npm下载插件依赖的安装包npminstallfile-saver--savenpminstallxlsx--save2引入项目中的ts文件中import*asFileSaverfrom'file-saver';import*asXLSXfrom'xlsx';3写一个exportList(){}方法，点击导出按钮时执行此方法，导出文件1exportList(){//json示例  let
极地极光·2019-02-12 16:00

【Angular】Angula6中的组件通信

Angula6_组件通信本文主要介绍Angular6中的组件通信一、父子组件通信1.1父组件向子组件传递信息方法一在父组件上设置子组件的属性父组件绑定信息子组件接收消息import{Component,
云中的猫·2019-01-31 00:00

如何优雅的使用 Angular 表单验证

随便说说，这一节可以跳过去年参加ngChine2018杭州开发者大会的时候记得有人问我：Worktile是什么时候开始使用Angular的，我说是今年（2018年）3月份开始在新模块中使用最新的Angular6
Worktile·2019-01-17 10:00

三年Angular架构经验总结

从当初使用Angular1到现在手里的Angular6，还有已经发布几个月的Angular7，不断迭代的Angular，不断进步，不断优化。
家威Geek·2019-01-16 16:28

angular6 引用echart第一次数据不显示解决

1使用promise从后台返回数据后，页面还是比数据更快的加载出来，导致echart图页面加载的时候不显示问题1.1html在需要用到的echar图上加入(chartInit)初始化的时候创建一个ECharts实例，返回echartsInstance也就是($event)，不能在单个容器上初始化多个ECharts实例。(chartClick)="chartClick($event)"点击的时候创建
极地极光·2019-01-08 11:00

Angular6 发送手机验证码按钮倒计时效果实现方法

1.组件中定义两个变量，分别用于控制按钮是否可以点击（countDown）和按钮上的倒计时数字（countDownTime）：countDown=false;countDowmTime=60;//这里设置倒计时为60SshowButtonText='发送短信验证码'；//可以控制动态改变的按钮提示信息2.写一个获取短信验证码的方法绑定到页面的获取短信验证码按钮上：getCode(event){th
灿灿大王·2019-01-08 09:50

Angular6 用户自定义标签开发的实现方法

2018年4月23随着angular6发布，我们可以看到在其官方手册中的模板元素章节中增加了一个Element条目(中文)，通过说明我们可以知道这个功能可以帮助我们将angular以html标签的形式嵌入到非
清洼·2019-01-08 09:00

Rxjs常用operators

本文使用的是angular6内置的rxjs，版本号为6.3.3concat通过顺序地发出多个Observables的值将它们连接起来，一个接一个的。
寻找石头鱼·2019-01-02 14:00

【Angular6+】属性及样式绑定

Angular6_属性及样式绑定Angular通过[]来绑定数值、变量或者表达式，这种绑定是单向数据绑定。
云中的猫·2019-01-02 00:00

SpringBoot+SpringSecurity+Angular6简单的登录控制权限控制Demo（二）

SpringBoot+SpringSecurity+Angular6简单的登录控制权限控制Demo（二）SpringBoot+SpringSecurity+Angular6简单的登录控制权限控制Demo
zzhaoctr·2018-12-31 19:59

Angular6新特性之Angular Material

AngularMaterial是包含Navigation/Dashboard/Table三种图形类型，这篇文章中将会了解一些其使用的方式。准备:安装Material进入到上篇文章创建的demo2，使用ngadd进行安装liumiaocn:demo2liumiao$pwd/tmp/trainings/angualr/demo2liumiaocn:demo2liumiao$安装命令：ngadd@ang
liumiaocn·2018-12-28 10:22

Angular(5.2->6.1)升级小结

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

angular6 填坑之sdk的方法

技术背景：angular+antzorro最为大型前端团队首选的前端技术框架，angular，在国内多少还是有些水土不服。本人将针对angular做个一系列的填坑分享。坑一：sdkangular的sdk不属于各个模块，直接挂载在body下面，antdesign直接使用sdk，导致任何的弹出层，如select，dropdown，picker等在弹出来的时候自动创建覆盖全局的sdk，需要点击sdk才能
wangmiao2606·2018-12-27 11:25

angular6的table组件开发的实现示例

背景及吐槽：今年有机会再次接触angualr这个框架，想起第一次接触ng还是16年读书的时候，当时还是ng1，然后学起来特别辛苦，学习曲线特别陡峭；而今年有一个项目重构直接采用了angular6，而后面该项目后面由我负责开发和维护
DragonChen·2018-12-26 09:07

Angular6 proxy.conf.json的配置生效及其步骤

1、在angular6项目文件夹下（项目根目录）下新建proxy.conf.json文件，里面代码如下：{"/api":{//访问以/api开头的接口，以下是要访问的端口"target":"http:/
玉面小达摩suki·2018-12-19 18:03

Angular系列之MatTable小技巧

介绍项目中使用了Angular6框架，同时页面式样使用的是官方出的material。                                                   
语霖BABA·2018-12-18 12:20

【Angular6+】事件绑定

Angular6+事件绑定临近毕业开始了第二段实习，因为项目需求，技术栈从Vue转到Angular，才发现Angular已经到7了？？？？？
云中的猫·2018-12-17 00:00

react16 + typescript + webpack4 + mobx + antd的CMS项目

该项目对标CMS的angular6+版cms-fe-angular6，只是换成了React技术栈，授权方式也换成了JWT模式(有大坑，但已解
heheda·2018-12-12 00:00

Angular-使用ng update命令升级到Angular7.1.2

Angular6发布于2018年05月03日。Angular7
Wang123net·2018-12-07 20:24

Angular6 angular-cli的命令和配置

Angular6angular-cli的命令和配置1.常用命令ngnewproject-name创建一个新的项目;nggenerate(class|directive|pipe|service|component
wallowyou·2018-12-07 10:53

详解如何为你的angular app构建一个第三方库

Angular团队在angular6中，使得创建Angular第三方库变得更为简单。如果你以前尝试过操作，你会发现其实不是很简单！那么流程是什么呢？
CharlesYoung·2018-12-07 10:04

Angular6 Filter实现页面搜索的示例代码

在Angular6中我们可以通过Filter+Pipe的方式来实现这个功能。下面我们看一下实现代码。经人提醒，代码排版太乱。后续考虑将一个完整版的demo放到GitHub上，敬请期待。
ValueMar·2018-12-02 08:58

angular6 开发实践基础知识汇总

1事件处理1.1鼠标移入事件触发(mouseenter)=""eg:(mouseenter)="isCollapsed=false"通过给isCollapsed赋值来实现隐藏显示1.2鼠标移出事件触发(mouseleave)=""eg:(mouseleave)="isCollapsed=true"通过给isCollapsed赋值来实现隐藏显示1.3点击事件触发(click)=""eg：(click
极地极光·2018-11-29 16:00

angular6实现对象转换数组对象

1使用表单获取到数据以后，是对象类型的数据如下图而后台需要返回的数据是这种key：value的形式传入2废话不多说直接上代码（代码只截取部分，仅供参考跑不起来，最后又一个小demo可以运行）publicdiscountArr=[];//折扣数组容器publicdiscountContent={'name':'','value':''};//折扣转换对象容器publicsetDiscount={};
极地极光·2018-11-29 10:00

利用Angular/cli生成Angular6项目目录介绍

利用Angular/cli生成Angular6项目目录介绍上图就是angular6项目的完整目录，接下来我将一一为大家介绍，每一个文件或文件夹的具体作用。首先是e2e：端到端的测试目录，做自动测试的。
王钱青·2018-11-25 21:58

angular6深入理解之css国际化解决方案

问题背景：ngx-translate库实现了语言国际化，但不同语言间css样式的加载方式没有提供解决方案。解决方案：1，component文件添加一个变量来获取别当前语言@Component({selector:'app',templateUrl:'./app.component.html',styleUrls:['./app.component-en.css']})exportclassAppC
一叶知秋·2018-11-20 00:00

angular6 数组遍历项进行双向绑定 丢失焦点 问题解决

欢迎来到Altaba的博客学习angular6，漫长并充实的过程，今日发现一个问题数组['aaa','bbb','ccc']遍历后，每个项都和input进行双向绑定，为什么改变input值，这个数组里面的项
Altaba·2018-11-14 22:36

初探Subject and Subscribe (Ionic4 Angular6)

类似的东西很多，但是不得不说大部分资料中的例子不是难以理解就是形而上学，所以我想分享一点自己的代码来帮助更多初学者。起源：我打算做一个弹出登录，里面包含一个注册按钮，点击注册则切换到弹出注册，当然在注册时也能切换回登录。在实现的过程中一路踩过以下的坑：如果将一个component/page应用到modal中，那么这个component/page必须在不低于弹出modal的层级的module.ts文
incNick·2018-11-07 00:00

Mac/Safari/ Chrome hover显示scrollbar滚动条 --angular6

hovertoscroll一、方案翻了Google很多方法，当时有几个参考方案jQuery插件：jScrollPane---但该插件用的是jQuery，不是原生js，jScrollPane用div遮住scrollbar，滚动的时候在展示---Mac的Chrome里滚动条不是一直显示,overflow:auto没反应撸了一遍perfect-scrollbar插件，发现并没有什么乱用二、代码思路hov
小宝薯·2018-11-05 20:18

angular6 利用 ngContentOutlet 实现组件位置交换(重排)

ngContentOutlet指令介绍ngContentOutlet指令与ngTemplateOutlet指令类似，都用于动态组件，不同的是，前者传入的是一个Component，后者传入的是一个TemplateRef。首先看一下使用：其中MyComponent是我们自定义的组件，该指令会自动创建组件工厂，并在ng-container中创建视图。实现组件位置交换angular中视图是和数据绑定的，它
双木枯荣·2018-11-02 11:58

angular6 利用 ngContentOutlet 实现组件位置交换(重排)

ngContentOutlet指令介绍ngContentOutlet指令与ngTemplateOutlet指令类似，都用于动态组件，不同的是，前者传入的是一个Component，后者传入的是一个TemplateRef。首先看一下使用：其中MyComponent是我们自定义的组件，该指令会自动创建组件工厂，并在ng-container中创建视图。实现组件位置交换angular中视图是和数据绑定的，它
双木枯荣·2018-11-01 00:00
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他