angular4

FCat—angular—springcloud，架构图

FCat是基于Angular4+SpringCloud的企业级基础功能框架(户权限管理、区域管理、GIS地图、......)
FCat__F1·2017-12-11 02:20

Angular4 搭建AdminLTE 模板

1.从Github搜索AdminLTE.2.使用npm指令npminstalladmin-lte--save进行安装。3.从Document中找到startpage.4.根据源代码，分别安装、引入相应的CSS，JS在angular-cli.json中。5.如果左侧的缩放按钮不工作，则把"push-menu"替换成"offcanvas"（版本原因）。6.把image从AdminLTE中复制到正常目录
Emonzan·2017-12-10 15:14

angular4依赖注入

图片.png图片.png图片.png图片.png然后用组件演示了注入器和提供器，并演示了组件内提供器和模块提供器的区别。
ISIS卡拉肖克·2017-12-10 07:00

Angular4的表单1

我觉得ng的表单比一般的表单难多了,下面整理学习表单我认为值得注意的点（会有点零碎）模板变量image.png除非你绑定一个事件，否则这将完全无法工作。只有在应用做了些异步事件（如击键），Angular才更新绑定（并最终影响到屏幕）。本例代码将keyup事件绑定到了数字0，这是可能是最短的模板语句。虽然这个语句不做>什么，但它满足Angular的要求，所以Angular将更新屏幕。image.pn
南蓝NL·2017-12-09 10:04

【干货】从零搭建一个angular4.0项目

话说现在angular更新迭代太快了，从前几年用angular版本去搭建项目时还是1.x版本，到现在都已经是angular4.0了（直接跳过了3.0），由于公司要求用到angular4.0，所以就不能只是了解一下了
亚当斯密·2017-12-08 14:17

【angular】解决跨域问题

angular2、angular4、angular5及以上版本的跨域问题。
fier-liu·2017-12-07 23:48

Angular4学习笔记之路由简介

简介路由简介浏览器具有我们熟悉的导航模式：1.在地址栏输入URL，浏览器就会导航到相应的页面。2.在页面中点击链接，浏览器就会导航到一个新页面。3.点击浏览器的前进和后退按钮，浏览器就会在你的浏览历史中向前或向后导航。Angular路由Angular的Router（即“路由器”）借鉴了这个模型。它把浏览器中的URL看做一个操作指南，据此导航到一个由客户端生成的视图，并可以把参数传给支撑视图的相应组
Wayfreem·2017-12-07 00:00

Angular4学习笔记(六)

组价间通信（以一个购买股票的小例子来体现组建通信所学的内容）(一)输入属性效果图：代码实现如下：这里把股票代码scoket和股票数量绑定到scoketCode和amount属性传递给子组件order先创建一个子组件order，用来显示子组件的信息app.component.html我是父组件！app.component.tsscoket="";order.component.html我是子组件！买
Dan_2017·2017-12-05 11:30

Angular4学习笔记(六)

组价间通信（以一个购买股票的小例子来体现组建通信所学的内容）(一)输入属性效果图：代码实现如下：这里把股票代码scoket和股票数量绑定到scoketCode和amount属性传递给子组件order先创建一个子组件order，用来显示子组件的信息app.component.html我是父组件！app.component.tsscoket="";order.component.html我是子组件！买
Dan_2017·2017-12-05 11:30

Angular4学习笔记(五)

（一）数据绑定1.使用插值表达式将一个表达式的值显示在模板上{{productDesc}}2.使用方括号将HTML标签的一个属性绑定到一个表达式上3.使用小括号将组件控制器的一个方法绑定为模板上一个事件处理器。商品详情（二）DOM属性绑定（三）HTML属性绑定(四)利用管道完成一个类似的搜索功能页面展示代码实现：product.component.html...product.component.
Dan_2017·2017-12-04 15:17

Angular4学习笔记(五)

（一）数据绑定1.使用插值表达式将一个表达式的值显示在模板上{{productDesc}}2.使用方括号将HTML标签的一个属性绑定到一个表达式上3.使用小括号将组件控制器的一个方法绑定为模板上一个事件处理器。商品详情（二）DOM属性绑定（三）HTML属性绑定(四)利用管道完成一个类似的搜索功能页面展示代码实现：product.component.html...product.component.
Dan_2017·2017-12-04 15:17

Angular4学习笔记(四)

（一）依赖注入（用依赖注入实现以下的界面）1.创建一个product1组件和一个product服务。2.先写product服务product.service.tsimport{Injectable}from'@angular/core';@Injectable()exportclassProductService{constructor(){}//定义一个返回值为Product的方法（这里没有连接
Dan_2017·2017-12-01 14:34

Angular4学习笔记(四)

（一）依赖注入（用依赖注入实现以下的界面）1.创建一个product1组件和一个product服务。2.先写product服务product.service.tsimport{Injectable}from'@angular/core';@Injectable()exportclassProductService{constructor(){}//定义一个返回值为Product的方法（这里没有连接
Dan_2017·2017-12-01 14:34

浅谈angular4实际项目搭建总结

前言接到一个pc端后台项目，还会加入两个安卓同事一起学习和做这个项目，需要带一下他们。既ng1之后，我就没怎么有过其它后台框架的实际项目经验了，期间用的移动端框架也并非vue、angular系列、react，包括es6、webpack等也都并不熟悉。公司一个其它后台项目使用了vue，偶尔我会维护一下但是总体来说对体系不熟悉。一直比较喜欢angular，应该是有过ng1框架搭建的经验的原因（前面也有
子慕大诗人·2017-12-01 09:43

Angular4学习笔记(三)

注：这篇博客接着Angular4学习笔记（二）(一)子路由：（直接举例子）创建prdouctDesc和sellerInfo组件app-routing.module.tsconstroutes:Routes
Dan_2017·2017-11-30 18:56

Angular4学习笔记(三)

注：这篇博客接着Angular4学习笔记（二）(一)子路由：（直接举例子）创建prdouctDesc和sellerInfo组件app-routing.module.tsconstroutes:Routes
Dan_2017·2017-11-30 18:56

记录项目版本升级angular4 ~ angular5

前言：在上一篇ng4文章《angular4——实际项目搭建总结》中说过，等到ng5正式发布，并且蚂蚁的NGZORRO兼容ng5之后，我会对ng4项目进行升级。这篇文章就是大概说下升级的折腾过程吧。
子慕大诗人·2017-11-30 17:00

Angular4笔记(二)

（一）路由介绍：1：几个关键词的简介2：每个关键词应该用到的地方3：一个简单路由的配置，实现的效果如图1：先生成两个组件（Home，Product）2：app-routing.module.ts(这个文件在你创建项目的时候后面加一个参数-routing例如：ngnewmyAngular-routing)import{NgModule}from'@angular/core';import{Route
Dan_2017·2017-11-30 10:35

windows下更新npm和node的方法

公司的新项目要启动了，需要使用Angular4.0，并且使用webpack工具进行打包。所以就需要安装node。
艾前端·2017-11-30 10:48

Angular4的输入属性与输出属性实例详解

本文实例讲述了Angular4的输入属性与输出属性。
HaiJing1995·2017-11-29 11:15

ionic2/ionic3自由隐藏底部tab栏---让ionic3自己解决！手把手教程

最近用ionic3和angular4做APP，其中有个需求：用户无论在哪个页面只要超时了就弹界面要求用户输入PIN码。这时候必须是覆盖整个页面，除非PIN码正确否则其他内容都是disable的。
沛雯·2017-11-28 15:36

Angular4学习笔记之依赖注入

简介依赖注入是重要的程序设计模式。Angular有自己的依赖注入框架，离开了它，几乎没法构建Angular应用。它使用得非常广泛，以至于几乎每个人都会把它简称为DI。注入器与提供器注入器//注入器Constructor(privateproductService:ProductService){}说明：一般是在组件或者是服务中写入端代码，如果一个组件或者服务中的constructor注入为空。就代
Wayfreem·2017-11-27 00:00

Angular4 第五章 响应式编程

1.观察者模式与Rxjs（1）可观察对象，在初始化时注册观察者对象（2）观察者，在可观察对象发生变化调用观察者的方法做相应的处理import{Observable}from"rxjs";//javascript的响应式编程包，angular框架依赖于它varsubscription=Observable.from([1,2,3,4])//创建流，就是可观察对象，也叫被观察者.filter((e)=
小橘屋·2017-11-23 17:59

angular4 安装@angular/animations等问题

1：打开package.json和其他版本匹配起来（我的是@angular/animations4.1.3没有问题但也不是很固定的）安装npmi@angular/[email protected]:在app.module.ts中import3：运行ionicserve就OK了
Lucky__Guo·2017-11-22 11:08

深入理解Angular4订阅(Subscribe)与取消

订阅(Subscribe)写过js的都知道，subscribe在很多地方都能看到它的身影，并且起到了很重要的作用。侦听http请求的返回，页面间传递参数……说起订阅，就不能不提Observable，说起Observable就不能不提Subscribable……等等，扯太远了。回到正题，subscribe是Observable类下的一个函数。从Observable的中文名:”可观察的”就能看出，Ob
微雨燕凝霜寒·2017-11-22 10:48

Angular4学习笔记之Angular CLI 安装和使用教程

AngularCLI安装和使用教程简介：关于"Angular"版本，"Angular"官方已经统一命名Angular1.x同一为AngularJS，Angular2.x及以上统称"Angular"。"CLI"是"CommandLineInterface"的简写，是一种命令行接口，实现自动化开发流程。比如：ionic-cli、vue-cli等；它可以创建项目、添加文件（组件，服务等）以及执行一大堆开
Wayfreem·2017-11-22 00:00

Angular4路由几步走

点进来之前.png效果如图，就是能够点击商品名字看到每个商品对应的详情页面配置productDetail组件nggcomponentproductDetail在productdetail.component.ts获取传进来的商品标题import{Component,OnInit}from'@angular/core';import{ActivatedRoute}from"@angular/rout
南蓝NL·2017-11-21 22:47

Angular4自制一个市县二级联动组件示例

最近遇到了不少问题，真的是命运多舛。Angular真是让人又爱又恨的框架，恨的是资料太少，遇到问题无从下手。爱的是许多其他框架难以做到的功能，angular却可以轻松做到。话不多说，最近遇到了一个旧项目改造的问题。拿到前同事做的页面效果：第一眼就看到了这三个下拉框，按捺不住好奇心的我点了点。原来，第一个下拉框可以选择市属和省属，如果选择市属，那么后面就会出现市、县级两个下拉框，如果是省属，那就隐藏
丶淡恋小情绪x·2017-11-21 14:57

如何编写一个完整的Angular4 FormText 组件

本文主要介绍了如何编写一个完整的Angular4FormText组件，分享给大家，也给自己留个笔记组件定义import{Component,Output,Input,forwardRef,EventEmitter
mntx·2017-11-18 16:58

【swagger】前后端分离联调利器——swagger安装和使用

前端开发使用Angular4，后端开发使用SSM框架。这样的话就有了前后端联调的问题，接口数据类型，接口返回参数等等问题。
AresCarry·2017-11-16 17:43

Angular实现类似博客评论的递归显示及获取回复评论的数据

思路我们在写后台程序的时候，经常会遇到生成类似树的这种数据结构，我们直觉就是使用递归的方法来实现，起初我也是这么想的，就是写一个Angular4的递归方法，组成一个字符串，然后在界面显
1CSH1·2017-11-06 11:47

Angular4绑定html内容出现警告的处理方法

但是最近在Angular4绑定html内容的时候出现了警告，通过查找相关资料终于解决了，下面给同样遇到这个问题的朋友们分享下，话不多说了，来一起看看详细的介绍吧。绑
xiaotuni·2017-11-03 11:26

使用angular4和asp.net core 2 web api做个练习项目(三)

第一部分:http://www.cnblogs.com/cgzl/p/7755801.html第二部分:http://www.cnblogs.com/cgzl/p/7763397.html后台代码:https://github.com/solenovex/asp.net-core-2.0-web-api-boilerplate前台代码:https://github.com/solenovex/an
solenovex·2017-11-02 19:00

Angular4学习笔记（六）- Input和Output

概述Angular中的输入输出是通过注解@Input和@Output来标识，它位于组件控制器的属性上方。输入输出针对的对象是父子组件。演示Input新建项目connInComponents:ngnewconnInComponents.新增组件stock:nggcomponentstock.在stock.component.ts中新增属性stockName并将其标记为输入@Input():@Inpu
八九雁来·2017-11-01 22:34

Angular4最佳事件一些规范问题

一.单一职责Angular是基于WebComponents思想设计而来，所有核心概念包括组件、服务、指为都是遵循单一职责原则的，这龙员佳实践中很重要的一条，它有助于代码保持良好的可读性和可维护性，而且极大地方便单元测试。Anglar应用中创建的所有组件、服务或者其他的模块都应该遵循单一职责原则，以下是关于单一职责原则在Anglar开发中的具体要求。1.单一文件单一规则是指在一个文件中，应该只定义一
一叶知秋·2017-10-31 00:00

Angular4中 “@angular/compiler-cli” 报错的解决方案

本人初学Angular，跟着官网教程时通过ngnewmy-app创建项目后，在ngserve--open时，会报如下错误：The"@angular/compiler-cli"packagewasnotproperlyinstalled.Error:Error:Cannotfindmodule'@angular/compiler'The"@angular/compiler-cli"packagewa
caishijian2008·2017-10-31 00:00

angular4学习笔记（一）

一：架构1、模块Angular应用是模块化的，并且Angular有自己的模块系统，它被称为Angular模块或NgModules。每个模块都是一个内聚的代码块专注于某个应用领域、工作流或紧密相关的功能。每个Angular应用至少有一个模块（根模块），习惯上命名为AppModule。Angular模块（无论是根模块还是特性模块）都是一个带有@NgModule装饰器的类。ngModule是一个装饰器函
土豆逆袭la·2017-10-30 16:18

前后端分离架构angular4+spring cloud+mybatis+redis+mysql实战-刘翔飞-专题视频课程

前后端分离架构angular4+springcloud+mybatis+redis+mysql实战—1023人已学习课程介绍springcloud是一系列框架的有序集合，简化分布式系统基础设施的开发，如服务发现注册
fier-liu·2017-10-30 10:33

angular 4.0 和 angular 2.0区别

经历了6个RC版本之后，今天Angular发布了4.0.0版本，这次发布是主版本的更新（遵循采用语义版本），并且在大多数情况下，Angular4.0版本是向后兼容Angular2.0的。
资料库大师·2017-10-26 18:06

Ionic跨平台项目（十）从Ionic2升级到Ionic3

Ionic3带来的新特性Angular4.0新的版本下，改进AOT编译器，分离animations包，缩小生成后的代码量，运行更快，改进ngIf和ngFor等具体内容可以访问angular4更新来查看。
小名庆华·2017-10-26 11:19

Angular4 模块说明以及划分

Angular模块(NgModule)Angular模块是带有@NgModule装饰器函数的类。@NgModule接收一个元数据对象，该对象告诉Angular如何编译和运行模块代码。它标记出该模块拥有的组件、指令和管道，并把它们的一部分公开出去，以便外部组件使用它们。它可以向应用的依赖注入器中添加服务提供商。每个Angular应用都有一个根模块类。按照约定，它的类名叫做AppModule，被放在a
Yanglinxiao·2017-10-26 00:00

Angular4实现鼠标悬停3d倾斜效果

Angular是什么Angular是由谷歌开发与维护一个开发跨平台应用程序的框架，同时适用于手机与桌面。Angular有什么特点基于Angular我们可以构建适用于所有平台的应用。比如：Web应用、移动Web应用、移动应用和桌面应用等。通过WebWorker和服务端渲染(SSR)，达到在如今Web平台上所能达到的最高渲染速度。Angular让你能够有效掌控可伸缩性。基于RxJS、Immutable
徐行莫停·2017-10-25 11:56

angular4 模块懒加载

(在项目目录下使用命令行工具)1.nggmoduleconfirm-order--routing2.nggcomponentconfirm-order(注意顺序，先创建module，然后增加组件时angular-cli会自动将component导入到module中)3.配置路由confirm-order-routing.module.tsconstroutes:Routes=[{path: '',
NB_Token·2017-10-25 11:29

[已解决]angular4 怎么引用没有.d.ts声明文件的js库

通常，在项目中引用js库分两种情况：一种是通过npminstall${name}--save安装在node_modules目录下，package.json中的dependencies会配置正式环境所依赖的库。另外一种就是直接将.js文件放在src目录下，通过相对路径的方式直接引用。对于第一种情况：例如：weixin-js-sdk,在项目路径下，cnpminstallweixin-js-sdk--s
NB_Token·2017-10-25 09:30

关于angular4部署服务器刷新报错以及相关资源加载不到解决办法

部署angular4项目：ngbuild--prod--aot资源加载不到问题：打包以后项目的目录下面会生成dist文件，部署的时候需要将dist文件中的内容拷贝在Tomcat容器的ROOT下面，若果不部署在
crazy_xl·2017-10-23 14:51

angular4实现tab栏切换的方法示例

管理系统tab切换页，是一种常见的需求，大概如下：点击左边菜单，右边显示相应的选项卡，然后不同的选项卡面可以同时编辑，切换时信息不掉失！用php或.net,java的开发技术,大概是切换显示,然后加一个ifram来做到，或者通过ajax加载信息显示相应的层.但是如果用angular要如何实现呢？第一个想法，是否可以用同样的ifarm来实现呢？第二个想到的是路由插座大概是这样的复制代码代码如下:但都
smiles·2017-10-21 09:00

最新angular cli 安装教程（angular4 ）

网上很多教程过时，麻烦，命令在angular4中不适用等等，现更新，以备不时之需。
柴进的进·2017-10-16 14:21

angular4中关于表单的校验示例

本章中介绍响应式表单的创建及表单输入值的校验,对于模板表单就略过。一、使用响应式表单的步骤1、在模块(一般是app.module.ts)中引入ReactiveFormsModule2、在组件的ts文件中使用响应式表单import{FormGroup,FormBuilder,Validators,FormControl}from'@angular/forms';exportclassReactive
水痕01·2017-10-16 09:31

angular4中样式的绑定

angular4中样式的绑定假如一个样式，你想让他在点击的时候显示，再次点击的时候消失，你就可以用样式绑定{{choose.duty}}如上：你可以控制choose.show的true/false来实现
李少0·2017-10-13 15:09

ionic3+Angular4实现接口请求及本地json文件读取示例

一准备工作首先，ionic3+Angular4的开发环境你得有，这里就不赘述。环境准备好，创建一个空白项目，模板自选。
Hank_谢旱·2017-10-11 17:28
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他