angular4 第11页

Angular引入第三方库（angular4.0以上、示例引入jquery、swiper）

走了很远的路，深知自学不易，如果有幸被你看到，不要放弃，坚持下去。水平不高，能力有限，愿尽最大努力帮助大家绕过一些弯路，如果发现有错误或者不合理之处，劳烦联系，另，最下方有招聘信息。预祝成神。你应该已经知道angularJS和angular的区别了，如果不知道，请点击这里https://www.zhihu.com/question/67839941还是先介绍一下angular，angular是现下

怀王·2020-02-29 14:15

angular4学习笔记整理（三）angular4的服务

依赖注入基本步骤1.生成serviceexportclassProductService{constructor(){}getProduct():Product{returnnewProduct(1,'iphone',5899,'hahah');}}2.app.module.ts或者某组件的配置里加上提供器@NgModule({declarations:[AppComponent,Product1

SHpoi·2020-02-26 17:57

angular4跨域2018-03-06

对于angular4来说，建立一个纯前端的轻量级的项目（前后端分离），会遇到一个跨域访问后台的问题。

HDP2017·2020-02-22 14:11

Angular4路由懒加载loadChildren

要想建立一个惰性加载的特性模块，有三个主要步骤：1.创建该特性模块。2.创建该特性模块的路由模块。3.配置相关路由。1554910494505.jpg建立应用通过cli命令创建一个customer-app应用ngnewcustomer-app--routing这会创建一个名叫customer-app的应用，而--routing标识生成了一个名叫app-routing.module.ts的文件，它是

spxs339·2020-02-22 00:39

Should You Switch From Angular 2?

WellthereisnopathbreakingchangethatmeansAngular4isnotacompleterewriteofAngular2.GooglehasadaptedSEMVER

W_H·2020-02-21 02:02

Angular4学习之依赖注入

在一个项目中，组件和服务之间存在错综复杂的关系，为了最小程度的耦合，我们需要来管理组织这种关系，依赖注入就是管理这种关系的一种方式。为什么要使用依赖注入在学习一个概念之前，我们必须要知道我们为什么要学习这个东西，这个东西究竟解决了什么问题。就好比这里讲到的，依赖注入究竟解决了什么问题。要解决这个问题，我们先来看看示例代码：exportclassCar{publicengine:Engine;pub

DJL箫氏·2020-02-20 05:13

Vue快速上手的第一个项目—— todo-list

等开始实习的时候，实习单位使用的是Angular（刚入职的时候使用的AngularJs后来使用了Angular4这两个的关系就像是猫和熊

luckyHarry4·2020-02-20 05:45

Angular4项目中添加i18n国际化插件ngx-translate的步骤详解

先用cli创建一个angular工程。然后：1.安装ngx-translate模块npminstall@ngx-translate/core--savenpminstall@ngx-translate/http-loader--save2.在Angular项目配置app.module.ts:import{BrowserModule}from'@angular/platform-browser';i

价值投机168·2020-02-19 23:58

第一步，技术选型和前后端框架搭建

1.技术选型虽然ERP系统比较复杂，但是在视图层基本上由许多相似的组件构成，例如单据创建页面、单据展示页面等，所以基于这样的因素我选择Angular4作为前端框架，将通用的页面元素以组件的形式提供出来，

程序猿之歌·2020-02-19 04:00

关于angular4在nginx 上部署优化访问速度

一般我们编译出来angular4项目，让到nginx上用户访问，用户加载资源的时候一般加载正常情况加载出来项目的资源情况我们看到scripts.bundle.js文件大小2.1Mvendor.bundle.js

SevenLonely·2020-02-16 18:49

Angular学习笔记（一）简介

前提Angular1.5到Angular4.0是重写的语言，Angular1简称AngularJs，Angular4简称Angular。

Amundsen·2020-02-15 16:28

Angular报错记录 - Error: More than one module matches

angular4使用命令创建组件失败：Error:Morethanonemodulematches.Useskip-importoptiontoskipimportingthecomponentintotheclosestmodule.Morethanonemodulematches.Useskip-importoptiontoskipimportingthecomponentintotheclo

飞鱼YE·2020-02-14 09:46

Angular4组件交互笔记

组件交互这节一共有七个子标题：通过输入型绑定把数据从父组件传到子组件通过setter截听输入属性值的变化通过ngOnChanges()来截听输入属性值的变化父组件监听子组件的事件父组件与子组件通过本地变量互动父组件调用@ViewChild()父组件和子组件通过服务来通讯其中最常用的是以下两个：通过输入型绑定把数据从父组件传到子组件父组件监听子组件的事件对于这两个的理解下图展示了父子组件通信的方式：

HelloWorld1992·2020-02-13 06:22

【Angular4+】实现CKEditor5富文本编辑与富文本展示

Angular4+使用CKEditor5实现富文本编辑器编辑器支持文本输入，基本文本样式：对齐、加粗等；粘贴上传图片等功能，本文图片上传基于自定义的上传方法CKEditor5提供了几种封装好的不同风格的富文本编辑器

匿于烟火中·2020-02-11 08:16

Chrome浏览器在Proxifier全局代理模式下无法访问localhost，只能访问127.0.0.1的解决办法

最近在使用angular4开发的时候，由于需要使用chrome的调试工具Augury和Redux这两个神器插件，但是无奈每次服务起的时候都是默认启用：http://localhost:4200，但是访问

窗外的雪儿飞·2020-02-10 23:27

Angular4 + Hprose-nodejs

今天，我们聊聊如何在Angular4中使用Hprose。

Lao_liu·2020-02-09 21:16

[入门级]angular4学习笔记06

关于路由器路由器就是从一个视图导航到另一个视图的机制Angular路由器是一个可选的外部AngularNgModule,名叫RouterModule路由器包含多种服务（RouterModule）、多种指令（RouterOutlet,RouterLink,RouterLinkActive）、和一套配置（Routes）基地址是必须的（basehref）index.html...一个简单的路由器配置im

前端咖秀·2020-02-09 18:18

Angular4核心－架构

用angular扩展语法编写HTML模版，用组件类管理这些模版，用服务添加应用逻辑，用模块打包发布组件和服务NgModuleAngular模块（无论是根模块还是特性模块）都是一个带有@NgModule装饰器的类属性declarations－声明模块中拥有的视图类，Angular有三种视图类：组件，指令和管道exports－declarations的子集，可以用于其他组件模块的模版imports－本

前端咖秀·2020-02-09 03:43

Flip Game / POJ 1753

Flipgameisplayedonarectangular4x4fieldwithtwo-sidedpiecesplacedoneachofits16squares.Onesideofeachpieceiswhiteandtheotheroneisblackandeachpieceislyingeitherit'sblackorwhitesideup.Eachroundyouflip3to5pi

LT-Y·2020-02-08 21:00

[入门级]angular4学习笔记07

HttpModuleHttpModule是Angular用来进行web访问的一种可选的方式，它位于一个名叫@angular/http的独立附属模块中，并作为Angular的npm包之一而发布出来，所以它并不是angular的核心模块mock服务(InMemoryWebApiModule)导入InMemoryWebApiModule，并将其加入到模块的imports数组，ImMemoryWebApi

前端咖秀·2020-02-07 07:32

Angular4 cli 环境搭建

1.安装nodejshttp://66ddx.pc6.com/wwb3/node695x64.zip（此版本包含node6.9.5npm3.10.10）2.配置淘宝镜像（只配置一个，安装node-sass会出错，记得把sass_binary_site也加上）打开npmrc文件（在你安装nodejs\node_modules\npm\npmrc）编辑~/.npmrc加入下面内容registry=ht

头发白了的周大爷·2020-02-06 06:09

[入门级]angular4学习笔记05

可注入的服务我们要导入angular的Injectable函数，并作为@Injectable装饰器使用这个函数当TypeScript看到@Injectable装饰器时，就会记下本服务的元数据，如果angular需要往这个服务中注入其他依赖，就会使用这些元数据hero.service.tsimport{Injectable}from'@angular/core';import{Hero}from'.

前端咖秀·2020-02-05 16:53

angular2/angular4 ui框架

ps:部分网页需要正确姿势才能打开web端AngularMaterial2官网VSgithubangular官方出品PrimeNG官网VSgithub组件最丰富的angularui,视觉效果略差NG-ZORRO官网VSgithubAntDesign在Angular下的实现ngx-bootstrap官网VSgithub使用最多的angularui也叫ng2-bootstrap,当angular版本升

小军617·2020-02-05 13:52

Angular4-表单（用户输入）

使用Angular事件绑定语法把事件绑定到事件处理器绑定到用户输入事件使用Angular事件绑定机制来响应任何DOM事件Clickme!$event对象Angular在$event变量提供了一个相应的DOM事件对象，所有标准DOM事件对象都有一个target属性{{values}}exportclassKeyUpComponent{onKey(event:any){this.values+=eve

前端咖秀·2020-02-05 12:27

vue父子组件传值(属性计算)实例

最近在使用ionic开发app时(基于Angular4)，做到了购物车功能，涉及到每个门店下都有各自的订单，然后每个订单下有多个商品，可以修改数量，价格和总价格及时变更。

八碗·2020-02-02 19:52

angular5中使用ng zorro (Ant Design of Angular)

ng-zorro官网其中1.4.0版本支持angualr60.7.X版本支持angualr5(推荐)0.6.X版本支持angular50.5.X版本支持angular4由于项目需要tree组件，而且项目是

D_Wang·2020-02-02 00:24

angular4-生命周期钩子02

生命周期钩子顺序ngOnChangesngOnInitDoCheck(3x)AfterContentInitAfterContentChecked(3x)AfterViewInitAfterViewChecked(3x)OnDestroy注意：DoCheck,AfterContentChecked和AfterViewChecked这三种钩子被触发的次数很多，我们必须要精简这三种钩子的逻辑OnIni

前端咖秀·2020-02-01 22:32

angular4表单

FormGroup、FormControl、ngModel、name、ngForm。、FormControl表单最小的单元，表单项。涵盖了表单项的值和状态（藏值、是否有效等）。FormGroup统一管理所有的FormControl，相当于FormGroup的集合。使用formBuilder创建。letfg=formBuilder.group({'title':['初始标题'，校验器]})input

haozj·2020-01-10 16:00

angular4 子组件样式会覆盖全局样式问题

2019-11-27我在ng4里面写了一个组件，然后引入到父组件里面，但是发现子组件在父组件里面样式丢失了，然后就设置了：encapsulation:ViewEncapsulation.None，这哈导致的问题是，这些界面进入其他界面，样式会覆盖其他界面的，导致其他界面受影响，请问怎么解决呢？刚刚上面的问题已找到解决方案：重新定义了子组件的样式文件，不用父组件的样式文件我在ng4里面写了一个组件，

追逐繁星D孩子·2020-01-07 00:46

管道Angular 4 - Pipes

在本章中，我们将讨论Angular4中的管道。管道早先在Angular1中称为过滤器，在Angular2和4中称为管道。

易则知·2020-01-06 15:17

Angular 4 依赖注入教程之五 FactoryProvider配置依赖对象

目录Angular4依赖注入教程之一依赖注入简介Angular4依赖注入教程之二组件服务注入Angular4依赖注入教程之三ClassProvider的使用Angular4依赖注入教程之四FactoryProvider

semlinker·2020-01-06 04:31

Angular4，6 打包最小化，部署服务器

找度娘下载nginx本地服务器这里以mac的nginx为例启动:sudonginx关闭:sudonginx-sstop重新加载:sudonginx-sreload端口被占用:nginx:[emerg]bind()to0.0.0.0:80failed(48:Addressalreadyinuse)；配置Nginx:安装完之后，默认路径是在/usr/local/etc/文件是放在：/usr/local

Kathy丶Andy·2020-01-05 20:42

Angular2 VS Angular4 深度对比：特性、性能

Google的Angular团队已于3月23日发布了Angular4，而期待已久的Angular2版本则是之前版本的完全重构。

zenmshuo_2919·2020-01-05 17:50

angular4-属性型指令

angular中有三种类型的指令组件－拥有模版的指令结构型指令－通过添加或者移除DOM元素改变DOM布局的指令属性型指令－改变元素，组件或者其他指令的外观和行为的指令highlight指令//highlight.directive.tsimport{Directive,ElementRef,Input,HostListener}from"@angular/core";@Directive({sel

前端咖秀·2020-01-05 10:37

Angular4 动态加载组件杂谈

这种实现方式在传统的HTML应用中，非常简单，只是在这Angular4（以下简称ng）中，咋个弄呢？

Laura_hu·2020-01-05 04:34

Angular4 及 ionic3 教程随笔（一）

初学前端跨平台，水平尚浅，如有错误多多指教。由于ionic包含在angular外层（或者可以理解为ionic为angular的一个扩展套件ps:对于手机跨平台开发来说,cordova也可以理解为ionic的一个套件或者angular的套件之一，用来桥接前端页面和手机原生功能），因此ionic项目有着和angular同样的工程目录结构（如图1）：图1其中,index会作为app或页面应用启动加载时的

fality·2020-01-03 12:33

ionic4指北

由于各种原因，我最近才开始入门ionic4，目前我在github上已经建了一个ionic4开发模版项目，正在不断完善ionic4明显比ionic3快了，angular7也比angular4更易用，打算就用

小军617·2020-01-02 17:46

Angular4记账webApp练手项目之五（Angular4项目中创建service（服务）和使用http模块）

Angular4记账webApp练手项目之一（利用angular-cli构建Angular4.X项目）Angular4记账webApp练手项目之二（在angular4项目中使用AngularWeUI）Angular4

易兒善·2020-01-01 17:33

ANGULAR LAZY LOADING WITH WEBPACK

Webpack3.5.5&Angular4.3.0首先创建一个AngularModule作为一个懒加载的模块，就叫LazyModule吧，当然，你肯定知道这个demo名字。

Transnet2014·2019-12-30 06:39

angular4 实现 wordcloud

mvvm框架可以参考wordcloud2.jsGitHub地址:https://github.com/timdream/wordcloud2.js/tree/gh-pages/src这儿不说如何新建一个angular4

旧故里草木深_·2019-12-29 16:10

angular4 新特性

在2017年3月发布的Angular4被证明是一个重大突破，是Angular团队继Angular2之后的最新版本。Angular4几乎和Angula

易则知·2019-12-29 02:47

Angular4-学习笔记-4-模板语法

学习资料来自Angular.cn与Angular.io。模板语法在线例子在Angular中，组件扮演着控制器或视图模型的角色，模板则扮演视图的角色。模板中的HTMLHTML是Angular模板的语言。HelloAngular为防范脚本注入攻击的风险，元素被禁用了（忽略了）。更多内容参见安全。、和元素在此没有使用的意义。插值表达式(Interpolation){{...}}插值表达式可以把计算后的字

小镭Ra·2019-12-28 05:38

Angular4通过Directive实现入场动画

通过Directive实现入场动画创建指令并引入所需import{Directive,ElementRef,HostListener,HostBinding}from'@angular/core';@Directive({selector:'[VisualIn]'})exportclassVisualInDirective{finished:boolean;constructor(privatee

黑天很黑·2019-12-28 00:22

Angular 4 依赖注入教程之八 InjectToken的使用

目录Angular4依赖注入教程之一依赖注入简介Angular4依赖注入教程之二组件服务注入Angular4依赖注入教程之三ClassProvider的使用Angular4依赖注入教程之四FactoryProvider

semlinker·2019-12-27 13:38

Angular4简述

七个核心概念指令Directives指令为指定的DOM元素扩展新的行为特征，从而扩展新的功能，它与HTML的属性非常相似，可以说指令丰富了HTML元素的属性。模块Modules主要是TypeScript中的import和export组件Components实际上组件是指令的一种类型。页面一般都是由组件树构成。组件树体现了一个组件到另一个组件的数据流动。变化监测策略也是依赖于组件树。模板Templa

河的左岸·2019-12-25 17:56

angular4.x 如何修改默认端口号

111.pngAngular提供了配置文件用来更改基本的配置，在根文件夹下的package.json文件该文件中，"scripts"对象的初始值是："scripts":{"ng":"ng","start":"ngserve","build":"ngbuild","test":"ngtest","lint":"nglint","e2e":"nge2e"},这里有一个"start"属性，更改这里的值：

追逐繁星D孩子·2019-12-25 10:42

angular5 组件中使用websocket通信

angular4+以上的版本，不需要安装websocket的插件，可以使用其自带的websocketimport{Component,HostListener,ViewChild}from'@angular

曼木子·2019-12-25 07:16

第一、二章 Angular环境搭建与组件开发

Angular版本Angular4.0并不是在原有基础上改的，而是一个完全重写的版本，不同于Angular1.5。Angular2.0之前的版本，统一称为AngularJs。

O_禾火_O·2019-12-24 15:07

angular4.x 中如何定义公共的方法，并引入到界面中

写在开篇：可能与你需要的应用场景或多或少有区别，不过思路大体上是通用的；业务场景：当用户点击会员信息或者商品时，弹出对应的会员关键信息，弹出商品的关键信息。与其相关的界面有十多个，而且是需要单独调用接口去后台获取数据的。项目环境：ng4+解决思路：1.写一个工具类函数，主要介绍一下语法和怎么设计2.界面如何调用这个公共的函数（1.对应ts应用，2.对应界面调用）3.如何呈现给用户（这里提供一种解决

追逐繁星D孩子·2019-12-24 01:37

Window下安装angular4.0

1.确保安装了python2.7.x环境python下载地址:https://www.python.org/downloads/下载后无脑next就安装成功了，默认安装路径:C:\Python27配置环境变量,在path后添加上C:\Python27在cmd下输入python，如下就成功了！2.先安装一些依赖的npm模块npmupdate-ggcc(C++的编译器)npminstall-gtype

Johnny_Kam·2019-12-23 13:16

推荐频道

angular4