angular4

Angular 4.x ngModel 双向绑定原理揭秘

转自：https://segmentfault.com/a/1190000009126012在Angular4.x中对于使用Template-Driven表单场景，如果需要实现表单数据绑定。
小爱2·2020-08-24 20:04

Angular4怎么实现立即查询

前言最近小编在做的项目中要求输入查询内容不需要点击查询内容就可以实现查询功能，下面小编就来介绍一下Angular4怎么实现查询功能。
王雅静-Cathy·2020-08-24 11:05

angular4+rxjs订阅发布者模式实现组件中通信

2019独角兽企业重金招聘Python工程师标准>>>一、首先引入rxjs使用npminstallrxjs--save二、创建一个订阅发布者的中间件即middlereService在service中引入rxjsimport{Observable,Subject}from"rxjs";eg:示例import{Injectable}from"@angular/core";//angular核心依赖注入
weixin_34232617·2020-08-24 03:09

angular4 +node+express 的搭建

最近在学习angular4，感觉ng4还不是挺不错的，但是当我想用node搭建的代理服务器与ng4进行通讯时就出现了跨域问题，由于以前的项目直接使用node+express服务器端渲染出来的项目，没有跨域的问题
qq_38369499·2020-08-24 01:02

Angular4记账webApp练手项目之四（在Angular4项目中用echarts绘制图表）

Angular4记账webApp练手项目之一（利用angular-cli构建Angular4.X项目）Angular4记账webApp练手项目之二（在angular4项目中使用AngularWeUI）Angular4
易兒善·2020-08-23 22:38

(五)、Angular4.0 路由传递参数

一、在查询参数中传递参数修改app.component.html中的商品详情页a标签商品详情页修改product.component.ts接收传递过来的参数import{Component,OnInit}from'@angular/core';import{ActivatedRoute}from'@angular/router';@Component({selector:'app-product'
zekeTao·2020-08-22 20:47

angular2 markdown parser

项目用的是angular4开发，marked是一个基于Nodejs的Markdown解析引擎。先记
yxmanyxman·2020-08-22 20:37

angular4.0中路由传递参数、获取参数

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

Angular4.0_路由数据传递

在路由时传递数据在查询参数中传递数据/product?id=1&name=2=>ActivatedRoute.queryParams[id]在路由路径中传递数据{path:/product,component:ProductComponent,data:[{isProd:true}]}=>ActivatedRoute.data[0][isProd]在路由配置中传递数据代码演示方式一：在路由中配置：
十二指环·2020-08-22 20:13

angular4中组件之间页面切换的数据传递，通过路由传递数据

例如在表格中有一个详情按钮，跳转到另外一个页面，首先需要在所在页面和跳转页面引入路由组件和跳转界面路由组件selectMsg(productID:number,productName:any,productCome:any){//跳转页面returnthis.router.navigate(['product-element',{"productID":productID,"productName
落花别有意 流水似无情·2020-08-22 19:05

angular4如何绑定数据

1.数据文本绑定，使用{{}}{{msg}}2.绑定htmlhtml视图代码：ts代码：this.h="这是一个h2用[innerHTML]来解析的标签"3.绑定属性绑定属性标签4.双向数据绑定注意引入：FormsModuleimport{FormsModule}from'@angular/forms';
JinmyHe·2020-08-22 19:30

angular4中引入echarts

1.安装ngx-echarts//ifyouusenpmnpminstallecharts--save//ifyourangularversion>=6npminstallngx-echarts--save//elseifyourangularversion{this.showloading=false;},3000);}ngOnInit(){}chartOption={title:{text:'
weixin_34380781·2020-08-22 19:33

Angular4学习笔记（三）- 路由

路由简介路由是Angular应用程序的核心，它加载与所请求路由相关联的组件，以及获取特定路由的相关数据。这允许我们通过控制不同的路由，获取不同的数据，从而渲染不同的页面。相关的类RoutesRoutes其实是一个Route类的数组。而Route的参数如下图所示，一般情况下，path和component是必选的两个参数。比如：path:/a,component:A则说明，当地址为/a时，应该展示组件
weixin_34082177·2020-08-22 19:02

Angular4 innerHtml呈现富文本内容样式

import{Pipe,PipeTransform}from"@angular/core";import{DomSanitizer}from'@angular/platform-browser';//https://angular.io/guide/security@Pipe({name:'safeHtml'})exportclassSafeHtmlPipeimplementsPipeTransf
weixin_33739541·2020-08-22 19:57

angular-froala-wysiwyg 富文本编辑器使用及遇到的坑

介绍：angular-froala-wysiwyg：froalaeditor的angular版本，支持Angular2,Angular4,Angular5,Angular6andAngular7，具体细节我就不多做介绍
weixin_30408675·2020-08-22 19:46

angular4 页面传递参数

1.一级页面editMsg(id){letnavigationExtras:NavigationExtras={queryParams:{'id':id}};this.router.navigate(['/x-service/cemetery-type-edit'],navigationExtras);}2.二级页面ngOnInit(){//获取参数方法一this.editID=this.acti
strong90·2020-08-22 18:34

在angular4中使用ng2-baidu-map详解

先贴上我的参考网址：https://leftstick.github.io/angular2-baidu-map/#/home1.我看到在module中有两种写法：第一种写法：imports:[BrowserModule,BaiduMapModule.forRoot({ak:'yourkey'})],第二种写法@NgModule({imports:[FormsModule,CommonModule
songjinb123·2020-08-22 18:57

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

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

Angular4 之DatePipe（时间管道）

{{dateTime|date:'yyyy-MM-ddHH:mm:ss'}}//1989-07-2210:21:21{{dateTime|date:'medium'}}//1989年7月22日上午10:21:21{{dateTime|date:'short'}}//1989/7/22上午10:21{{dateTime|date:'fullDate'}}//1989年7月22日星期六{{dateTi
Coder_shasha·2020-08-22 18:15

angular4中引入svg

阿里icon直接放入assets文件夹后html引入即可注意：根位置是index.html文件所在的位置动态更改svg可以使用ngStyle指令或在angular中尽量避免使用jquery引入font-awesomeThereare3partstousingFont-AwesomeinAngularProjectsInstallationStyling(CSS/SCSS)UsageinAngula
railsbug·2020-08-22 18:32

Angular4 树组件的使用

树用的不多,但是有些项目的确需要,那么angular4是如何使用树的,我看过很多树组件,也看群里面有人问一些树的问题,可惜在我做这个树之后,我在众多的树里面选了这颗树,个人感觉挺好用的,功能众多,基本可以郎阔所有需求
1叶知秋灬·2020-08-22 18:25

Angular4.x 创建使用服务

一、AngualrCLI创建服务二、创建服务命令nggservicemy-new-service创建到指定目录下面nggserviceservices/storage三、app.module.ts里面引入创建的服务1.app.module.ts里面引入创建的服务import{StorageService}from'./services/storage.service';2.NgModule里面的p
yang&yang·2020-08-22 18:22

Angular4_获取当前Url地址和获取Url传递的参数

import{Location}from'@angular/common';console.log(location.pathname);以上就是获取URL地址获取参数：import{ActivatedRoute}from'@angular/router';constructor(@Inject(DOCUMENT)privatedocument:Document,privateroute:Acti
Martin_Yelvin·2020-08-22 17:39

Angular4_ Observable和subscribe

getHUs=(request:HandlingUnitsRequest):Observable=>{if(this.chbCheckkAll){this.chbCheckkAll.nativeElement.checked='';}constresponse=this.service.handlingUnits(request);response.subscribe((data:any[])=>
Martin_Yelvin·2020-08-22 17:38

angular4路由1（路由传递参数）

1.当页面输入一个存在的地址的时候会报错。这个时候需要设置一个空页面提示用户此页面不存在。这个空页面需要用一个通配符来配置路由导航。注意的是通配符的路由必须放在最后来配置路径，避免一开始查找路径，还未遍历所有路径就已经跳入通配符路由的页面。{path:'',component:HomeComponent},{path:'product',component:ProductComponent},{p
傻小胖·2020-08-22 17:50

angular4.0 ERROR Error: Uncaught (in promise): Error: No provider for AuthGuard! Error: No provider

使用angular4.0，开发路由守卫的时候，报一下错误ERRORError:Uncaught(inpromise):Error:NoproviderforAuthGuard!
llkui·2020-08-22 17:20

angular4 学习笔记一之主组件详解 app.component.ts

//整个应用的基础import{Component}from'@angular/core';//@Component元数据装饰器，用装饰器定义了一个组件，所有的组件都必须用一个@Component装饰器来注解@Component({selector:'app-root',//这个组件可以通过app-root这个HTML标签来调用，，在这里面来展示组件的内容templateUrl:'./app.co
小橘屋·2020-08-22 17:27

angular4强制刷新视图

使用angular的过程中有时会出现数据已经更新了，但是对于的视图没有更新，针对这一情况，可以是用angular提供的方法强制更新视图。这里使用NGZone来更新视图import{NgZone}from'@angular/core';constructor(privatezone:NgZone){this.zone.run(()=>{//要更新视图的代码})}
爆裂吧叶子·2020-08-22 17:03

Angular4 异常:No provider for ControlContainer

app.module.ts中除了要导入ReactiveFormsModule外,还需要导入FormsModule:参考http://international.github.io/2017/04/18/16-34-angular4
jiangshanwe·2020-08-22 17:39

Angular Web 开发使用PrimeNG的UI组件

npminstallprimeng--saveAngular4+动画各种组件利用angular动画来改善用户体验，从Angular4开始，动画具有自己的模块，因此需要将BrowserAnimationsModule
一线分享·2020-08-22 17:18

angular4套用primeng样式

首先安装primengcnpminstallprimeng--save这样会在项目目录中增加node_modules\primeng目录package.json文件增加了以下一行"primeng":"^4.3.0",在app.module.ts文件中添加：import{BrowserModule}from'@angular/platform-browser';import{NgModule}fro
dblrxy417894·2020-08-22 16:45

Angular4 异常:No provider for ControlContainer

app.module.ts中除了要导入ReactiveFormsModule外,还需要导入FormsModule:参考http://international.github.io/2017/04/18/16-34-angular4
临冬城的狮子·2020-08-22 16:39

Angular4学习笔记（三）：router

router，也就是路由，是前端中一个比较重要的概念。通过router把特定的地址和对应的页面关联后分离出来，以达到解耦的目的。在src/app目录下新建一个detail的文件夹，建立一个名为gundam-detail.component的文件。import{Component}from'@angular/core';import{Gundam}from'../../model/gundam';@
龙骑将杨影枫·2020-08-22 16:32

Angular2/4 在html模板里加入标签，引用ckeditor的办法

这里我举一个例子，这个用例是想在angular4中使用ckeditor。
AndrewDengpf·2020-08-22 16:56

关于Angular4 数据传递方式的总结。

最近开发Angular前端发现Angular有很多值得学习的地方，打算做下整理记录一下开发技巧。简单的就不记录了。路由传递参数路由配置好后：第一种情况由A传到Bstep1：在A页面引入Router，并声明import{Router}from'@angular/router';constructor(privaterouter:Router){}step2：执行代码/... 省略代码/*** com
a343542102·2020-08-22 16:32

【Angular4学习】--路由传参一(在查询参数中传递数据)

前言路由时传递参数有什么意义呢？举个简单的例子，我们进入了某宝或某东，点击了某个商品之后会指定跳转到相应的页面，这个时候我们知道在我们点击商品时候页面进行了跳转，从商品陈列页面到了商品详情页面，为什么正好能调到我们点击的那个商品页面呢，因为路由在跳转时传递了点击商品的数据。那么它就是怎么实现传递参数呢？方式路由传递数据的方式有三种，分别是在查询参数中传递数据在路由路径中传递数据在路由配置中传递数据
Hepburn Yang·2020-08-22 16:21

【Angular4学习】--路由的五个对象

前言今天小编根据实例来分享一下路由的五个对象的作用，五个对象RoutesRoutes(路由配置)，一般在app.routing.module.ts文件里配置，Routes里面是一组路由对象，每个对象有两个属性:path(路由对象的路径)+component(路由对象的组件)，即，当我导航到某一个路径(path)上时，angular会显示哪个组件(component)constroutes:Rout
Hepburn Yang·2020-08-22 16:21

angular4--参数快照和参数订阅

angular的click事件，可以写成对应的页面跳转可以写成exportclassAppComponent{title='router';constructor(privaterouter:Router){}toProductDetails(){this.router.navigate(['/product'])}}navigate导航可以添加参数变成this.router.navigate([
winner_corl·2020-08-22 16:59

干货｜自定义Angular路由复用策略

【关键词】AngularAngular2Angular4Angular5路由RouteReuseStrategy1问题提出在基于Angular的SPA应用中，应用通过路由在各个页面之间进行导航。默认
中兴开发者社区·2020-08-22 16:12

Your global Angular CLI version (6.0.8) is greater than your local version (1.7.4).The local Angular

问题Angular4升级到Angular6之后，启动项目会出现一个小问题。
L-Joy·2020-08-22 16:00

angular4项目搭建总结

项目搭建步骤1：设置开发环境首先安装Node.js和npm,安装地址（在终端/控制台窗口中运行命令node-v和npm-v查看版本）然后全局安装AngularCLI。npminstall-g@angular/cli步骤2：创建新项目ngnewSoftH步骤3：启动项目cdSoftHngserve--open或者npmstart（推荐）步骤4：创建一个组件或者模块或者服务(模块)nggm[modul
Lobove_code·2020-08-22 16:28

Angular4，JAVA 整合kindeditor文本编辑器，前后端

前段时间，因为项目需要一个简单的文本编辑器，所以在网上找了很久，都没找到angular2版本以上，整合文本编辑器的完整案列，都我等小白来说，这种情况相当痛苦，所有再自己踩坑加领导帮助的情况下完成这一功能后，跟大家分享一下。
BUG_BANG·2020-08-22 15:09

Angular4.x、5.x富文本编辑器ngx-quill插件的使用

http://www.ionic.wang/article-index-id-103.htmlhttps://www.cnblogs.com/scott-j/p/9016027.html
开水没有春天·2020-08-22 15:33

angular4 在页面跳转的时候传递多个参数到新页面

页面跳转router.navigate//单一参数：this.router.navigate(['/detail',id]);//多个参数：this.router.navigate(['/detail'],{queryParams:{'name':'nihao'}});router.navigateByUrl//单一参数：this.router.navigateByUrl('/detail/id'
weixin_30800807·2020-08-22 15:15

angular4.0在路由Router时传递参数、获取参数的最灵活、阅读性最好的写法。

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

Angular4的ng2-ckeditor富文本编辑框的使用

在网上找了很多富文本编辑器,都没使用成功,很多教程只教一般,关键的代码也不说明,让你去猜,我很无奈,只好自己去找自己去亲测,而且有些样式和功能也不是很满意,千挑万选才选中这款编辑器,并且将他用起来了!贼多的坑!不过还是克服了!样式如下:使用方法如下:首先cli配置并且安装ng2-ckeditor:"ng2-ckeditor":"^1.1.6"然后再app.module中引入import{CKEdi
1叶知秋灬·2020-08-22 15:11

angular4/5的富文本插件angular2-froala-wysiwyg使用教程

前端框架angualr4/5使用的富文本插件，网上找到了几种，每一种的优劣大家自己有空试一下吧，我这人懒得找，随便拿一种就上项目了，当然这样也很容易遇到坑，就给大家分享一下吧。1.安装命令npmiangular2-froala-wysiwyg2.配置2.1在.angular-cli.json文件中配置，angular6的好像改成了angular.json文件。"scripts":[..."../n
i_quite·2020-08-22 15:12

angular4使用FileSaver.js下载文件

1.首先下载插件npminstallfile-saver--savebowerinstallfile-saver如果要安装Typscript声明npminstall@types/file-saver--D下载完成以后在package.json中可以肯定2.引入在使用这个插件的ts引入import{saveAs}from'file-saver';3.使用click(){letblob=newBlob
音乐皓·2020-08-22 12:08

Ionic3/angular4 颜色选择器

通过h5canvas实现颜色选择器封装颜色选择器组件color-pickerA、color-picker.component.htmlB、color-picker.component.tsimport{OnInit,Component,Output,Input,EventEmitter}from'@angular/core';@Component({selector:'color-picker',
张旭超·2020-08-22 11:35

Angular4.x说明2018-07-17

概述：Angular应用是由组件组成的。组件由HTML模板和组件类组成，组件类控制视图，每个组件都以@Component装饰器函数（decoratorfunction）开始，它接受一个元数据对象（metadataobject）参数。该元数据对象描述了HTML模板和组件类是如何一起工作的。AngularJS提供了很多功能丰富的组件，处理核心的ng组件外，还扩展了很多常用的功能组件，如ngRoute(
o_41be瑜·2020-08-21 23:11
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他