E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Angular2
angular2
项目里使用 Spin(加载中)
何时使用页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑。效果ng-zorro官方链接:https://ng.ant.design/components/spin/zh上图是靠按钮来决定spin的显示与隐藏,但在我们项目里,却是要根据请求时间来决定spin的显示与隐藏,下面是我在项目里使用spin的过程1、html引入//nzTip="Loading是自定义加载时的名字
蒲公英
·
2020-08-17 19:19
ng-zorro
a链接跳转事项
很多都是已经知道的,但是老忘,记一下笔记我的是
angular2
项目,代码偏
angular2
书写方式1、普通跳转百度1.1、将图像作为链接1.2、链接到同一个页面的不同位置查看Chapter4。
蒲公英
·
2020-08-17 19:19
angular2
项目里使用ng-zorro的分页组件
前提:我使用的是angular-cil做的项目组件库用的是ng-zorro实现的效果是:显示总条数、可跳转到其他页(两个按钮同样有效)、可改变每页条数具体步骤如下:1、使表格的分页隐藏,避免重复(我用的使表格,你们可以使用其他的,这一步可省略)主要是:[nzShowPagination]='false'……2、使用分页组件使用ng-zorro里的这个组件模板html里:共{{total}}条ts文
蒲公英
·
2020-08-17 19:18
angular
JavaScript
ng-zorro
初识 typescript
>>>近期,公司有一个项目是要求用angular编写,而要学习angular,必须先了解typescript,因为
angular2
由google公司用TS来编写的。
weixin_33893473
·
2020-08-17 19:35
细说 Angular 2+ 的表单(二):响应式表单
细说
Angular2
+的表单(一):模板驱动型表单响应式表单响应式表单乍一看还是很像模板驱动型表单的,但响应式表单需要引入一个不同的模块:ReactiveFormsModule而不是FormsModuleimport
weixin_34344403
·
2020-08-17 16:11
ubuntu下安装
angular2
开发环境
【1】安装githttp://jingyan.baidu.com/article/dca1fa6f43c965f1a540524d.html【2】安装nodejsnpm这些按照这位前辈的博客安装:nodejshttp://blog.csdn.net/minchina91/article/details/40260263但是这样安装的nodejs版本比较低,所以按照下面的内容升级:http://ww
yangxuefeng09
·
2020-08-17 04:24
angular2
Web Components 是个什么样的东西
前端组件化这个主题相关的内容已经火了很久很久,angular刚出来时的Directive到
angular2
的components,还有React的components等等,无一不是前端组件化的一种实现和探索
fengyinchao
·
2020-08-16 12:29
Web前端开发
angular2
表单验证_Angular 2表单验证
angular2
表单验证
Angular2
.0finalwasmadeofficialjustafewdaysagoandthere’sneverbeenabettertimetodivein.Inthelastfewweeks
culiu9261
·
2020-08-16 12:34
八、TypeScript面向对象特性 注解 (annotation)
我们看一个例子:这是一个由
Angular2
写的项目,我们看到AppComponent上面有个@Compoent注解这个@Compoent注解本身是由
Angular2
框架提供的在这个注解里面有一些属性这些属性告诉
xyphf_和派孔明
·
2020-08-15 20:43
TypeScript
TypeScript学习No.1
的超集遵循ES6Microsoft和Google支持JavaScript实现了ES5规范TypeScript实现了ES6规范二.TypeScript的优势支持ES6规范强大的IDE支持类型检查语法提醒重构
Angular2
xlalys
·
2020-08-15 20:34
typescript
ionic app 开发和生产环境的配置
前言像
Angular2
一样,希望ionic可以提供2个文件(environment.dev.ts和environment.prod.ts),其中包含与开发和生产环境相对应的不同值的变量。
weixin_34049032
·
2020-08-15 20:01
angular2
^ typescript 将 文件和Json数据 合并发送到服务器(2.服务端)
nodejs中使用框架expressweb框架multer文件接受直接贴代码了,我就不解释了
angular2
^typescript将文件和Json数据合并发送到服务器(2.服务端)https://gitee.com
weixin_30466953
·
2020-08-15 19:22
angular2
、4 获取dom元素方法
"#+名字"这种注入属性的方式可以获取dom元素操作该变量box就是操作这个标签元素触发这个方法就可以通过参数box获取到这个元素fn(dom){console.log(dom)}还可以引入组件import{ElementRef}from'@angular/core';constructor(publicelement:ElementRef){}console.log(this.element.n
阿龙sir
·
2020-08-15 19:05
ionic3
angular
ionic3的学习入门(
angular2
)语法的入门
ionic3框架的学习###
Angular2
语法:TypeScrpit的学习
Angular2
用于在浏览器(及更高版本)中构建复杂应用程序###@Component的介绍Angular应用是由组件组成的。
qq_32262049
·
2020-08-15 19:53
前端
Angular 2 Form表单
Angular2
Form表单在
angular2
form表单中我们需要了解表单数据绑定、数据验证、数据提交等内容,在下面的示例中并没有实际提交到后台,这部分内容在今后webapi中加以练习。
huangyezi
·
2020-08-15 18:16
angular2
typescript学习笔记
3、
angular2
框架的开发语言。安装typescript环境compiler就是编译器,把typescript代码转换成JavaScript代码使用在线compiler开发
M612a34
·
2020-08-15 18:00
学习笔记
centos下面安装node的踩坑之旅
安装步骤root用户安装openssl-devel切换到root用户,安装openssl-devel
angular2
htmlsu-yuminstallopenssl-devel检查是否安装了gccang
深夜程猿
·
2020-08-15 17:11
问题解决经验
Angular2
--Directives
Angular模版(templates)是动态的.当Angular渲染模板时,会根据directives里的说明来转化成DOM.一个directive就是一个有@Directivedecorator的class.一个component是一个directive+template;一个@Componentdecorator实际上是一个有模板的@Directivedecorator。Whileacomp
大奋齐
·
2020-08-15 10:27
前端
关于在MacOS安装angular-cli的问题
那就来装吧,
angular2
用的是typescript,所以在安装an
yxmanyxman
·
2020-08-15 09:04
angular
前端
今天通过npm 安装 install 的时候出现的问题
E:\Workspace_WebStorm\
angular2
>npminstall-gC:\Users\lyx\AppData\Roaming\npm`--
angular2
@0.0.0`--UNMETPEERDEPENDENCYtypescript
weixin_30485291
·
2020-08-15 08:32
视频教程-ionic2+angular 2的基础用法和案例应用视频课程-Webapp
ionic2+
angular2
的基础用法和案例应用视频课程中国实战派HTML5培训第一人,微软技术讲师,曾任百合网技术总监,博看文思HTML5总监。
weixin_30715805
·
2020-08-14 01:09
JavaScript的装饰器:它们是什么及如何使用
装饰器的流行应该感谢在
Angular2
+中使用,在Angular中,装饰器因TypeScript能使用。但是在JavaScript中,还处于提议阶段。
owen1190
·
2020-08-12 15:57
笔记-前端
笔记-JavaScript
javascript
ecmascript6
前端
前端开发
前端学习
在Angular 6中使用ngx-echarts 组件的地图(map)图表
首先,贴出官网ngx-echarts官方文档ngx-echarts官方demongx-echarts是根据echarts插件开发的,适用于
Angular2
.x及以上,另外不同版本的ngx-echarts
zhy前端攻城狮
·
2020-08-12 14:27
前端框架
Angular2
angular-cli创建
angular2
项目并添加ng2-bootstrap
1、首先全局安装angular-cli,并创建项目npminstall-gangular-clingnewmy-appcdmy-app2、安装ng2-bootstrap和bootstrapnpminstallng2-bootstrapbootstrap--save3、在主模块中导入,需要的模块(src/app/app.module.ts)import{AlertModule}from'ng2-bo
JhonXie
·
2020-08-12 14:31
Angular5 路由守卫
angular2
以上,路由有CanActivate守卫和另一个跳转守卫canDeactivate。两者一个是访问路由时
weixin_30776273
·
2020-08-12 14:57
Angular 路由使用整理(一)
Angular2
以及以后的版本路由器使用浏览器的history.pushState进行导航,这样就和多网页应用链接保持一致了,而不是Angular1.x中还用hash(#)风格处理前端路由。
天马3798
·
2020-08-12 14:14
Angular2
2.揭秘
angular2
学习 ------- 组件
1概述1.1组件化标准-WebComponent1.W3C为统一组件化标准方式,提出WebComponent的标准。2.每个组件包含自己的html、css、js代码3.WebComponent标准包括以下四个重要的概念-自定义元素:可以创建自定义HTML标记和元素-模版:模版允许开发人员使用标签去预定义一些内容,但并不加载至页面,而是使用Js代码去初始化它-ShadowDOM:可以创建完全独立与其
ChengYz_
·
2020-08-12 14:21
angular2
angular2
.0+之路由守卫
本文转载至:https://segmentfault.com/a/1190000010851032引言在企业应用中权限、复杂页多路由数据处理、进入与离开路由数据处理这些是非常常见的需求。当希望用户离开一个正常编辑页时,要中断并提醒用户是否真的要离开时,如果在Angular中应该怎么做呢?其实Angular路由守卫属性可以帮我们做更多有意义的事,而且非常简单。什么是路由守卫?Angular的Rout
Alex__Gong
·
2020-08-12 14:42
angular2
【Angular专题】——(1)Angular,孤傲的变革者
它是一个十足的革命者,每一次亮相,都会把新的思想和软件层面的实现提供给开发者,从Angularjs1.0时代推翻jQuery的统治地位,到
Angular2
.
weixin_34242331
·
2020-08-12 13:12
angular2
后台管理系统
angular2
-4对angular1的改变是颠覆性的,增加了npm,typescript,@等目前前端开发流行的元素,但坑多github上开源项目:https://github.com/mrholek
sjtu_chenchen
·
2020-08-12 12:08
angular2
angular
后台管理系统
【华为云技术分享】三大前端技术(React,Vue,Angular)探密(下)
【华为云技术分享】三大前端技术(React,Vue,Angular)探密(上)【Angular】Angular(通常被称为"
Angular2
+"或"Angularv2及以上版本")是一个基于TypeScript
华为云
·
2020-08-12 11:56
技术交流
vue
react
angular
前端开发
javascript
Angular2
-使用Angular CLI快速搭建工程(一)
前言:本文适合
Angular2
的初学者阅读;时下web前端发展迅猛,新框架层出不穷,大家都知道三驾马车VueJS,
Angular2
,React。
zhao_tuo
·
2020-08-12 00:26
angular
使用Idea开发typescript+
angular2
在使用之前要先安装nodejs和angular-cli。1、打开Idea,然后新建项目,选择Node.jsandNPM,如下图所示:2、输入项目名称,选择项目位置,Nodeinterpreter是默认选择的node.js,如果没有自动选择则需要手动选择,其余选择默认即可,如下图所示:3、在创建好之后生成的目录信息如下图所示:4、如果这些都不是所需要的,则选择之后将其删除,然后手动创建目录,如下图所
sxjlinux
·
2020-08-11 23:54
JS
使用用 Angular CLI 来创建
Angular2
项目、应用和库代码,以及文件说明
1、要安装CLI命令必须首先安装Nodejs和npm包,npm包在装好nodejs后自带的。2、首先创建一个目录,用来创建Angular项目,如下图所示:3、打开dos窗口,然后进入到此目录中,如下图所示:4、安装AngularCLI,使用:npminstall-g@angular/cli命令全局安装AngularCLI,如下图所示:5、安装完之后如果没有错误,说明cli命令安装成功,如下图所示:
sxjlinux
·
2020-08-11 23:54
java
Angular2
+ 编译后部署到服务器上页面刷新404问题
原因:NG2+会默认不显示URL后面的文件名解决方案:使用LocationStrategy方式,然后把URL后的#替换成index.html#app.module.ts1import{HashLocationStrategy,LocationStrategy}from'@angular/common';23@NgModule({4imports:[],5declarations:[6AppComp
aiwei8512
·
2020-08-11 21:25
Angular2
+URL中的 # 引发的思考
1.先分析#的作用1.1.#的涵义#代表网页中的位置。其右面的字符就是该位置的标识符。比如,http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器读取这个URL后,会自动将print位置滚动至可视区域。#是指导浏览器动作的,对服务器完全无效。所以HTTP请求不会包含#及右侧内容1.2.HTTP请求不包括##是用来指导浏览
aiwei8512
·
2020-08-11 21:25
我的第一个
Angular2
应用
为了实现对项目包的管理,推荐使用npmNPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题;官网先下载node.js并安装2.clone快速新建Angular项目的仓库到本地文件夹my-
angular2
aiwei8512
·
2020-08-11 21:25
webpack
json
git
Angular2
+实现右键菜单的重定义--contextmenu
在做需求时用到video这个html5的新增标签,然后公司要求把video的右键屏蔽了去,我在网上找了很久没找到完整的方法来实现这个功能,只能自己摸索着来。不说废话,先上干货0.0video.component.html123您的浏览器不支持HTML5video.4ViewCodevideo.component.ts1nomenu(event){2//主要是这个事件了,阻止默认右键菜单的弹出3ev
aiwei8512
·
2020-08-11 21:25
路由导航之第一个子模块(HomeModule)
[email protected]
:len007/my-
angular2
-app.gitmy-
angular2
-app开始一个URL=一个页面=一个Component。
aiwei8512
·
2020-08-11 21:25
git
Angular2
+ 实现组件交互的众多方式
实现组件交互有很多方式,下面列举。1.父组件向子组件传递数据:(属性绑定)父组件[子属性名]="父属性名"子组件通过@Input()data来获取@Input()data:any//data可根据使用场景自定义2.子组件向父组件传递数据:(事件绑定)子组件使用EventEmitter创建自定义事件,并且通过@Output装饰器将它作为属性暴露出来import{Component,Output,Ev
aiwei8512
·
2020-08-11 21:25
javascript
使用 angular-cli 创建
angular2
项目
起初使用angular-cli创建
angular2
项目时,有好几次都是失败告终。最后发现是node-sass没有安装上,原来是npm的缘故。
H小志
·
2020-08-11 20:05
Angular2
Angular2
使用CLI创建新项目
1.安装node.js;2.npminstall-g@angular/cli3.ngnewprojectName4.ngservePS:如果要使用moduleId,需先在src目录下添加typings.d.ts文件/*SystemJSmoduledefinition*/declarevarmodule:NodeModule;interfaceNodeModule{id:string;}否则会报错:
aiwei8512
·
2020-08-11 20:51
Angular 团队发布 2018 年路线图,更具扩展性
Angular2
018路线图
JavaScript_w
·
2020-08-11 18:19
Angular 2018年演进路线图
www.ngfans.net/topic/142/post/2在刚刚过去的ngAtlanta技术活动上,BradGreen做了一个演讲,他是Angular团队的TeamDirector,里面详细谈到了
Angular2
018
火龙果研究院
·
2020-08-11 18:31
js
angular
Angular中集成Script脚本你还不会?看这篇就够了
首先,在
Angular2
框架之中实际使用的是ES6,全称ECMAScript6,是Javascript的下一个
looper.zhuo
·
2020-08-10 20:49
Angular使用
从头编写 asp.net core 2.0 web api 基础框架 (1)
Chrome(最好是)关于.netcore或者.netcore2.0的相关知识就不介绍了,这里主要是从头编写一个asp.netcore2.0webapi的基础框架.我一直在关注asp.netcore和
angular2
宁大爷的博客
·
2020-08-10 14:27
.NET
Core
.NET
Core
[转]
Angular2
: Cannot read property 'name' of undefined
本文转自:https://stackoverflow.com/questions/39755336/
angular2
-cannot-read-property-name-of-undefined处理方式
weixin_34329187
·
2020-08-10 03:05
gulpfile.js 备份
'gulp'),uglifycss=require('gulp-uglifycss'),htmlmin=require('gulp-htmlmin'),embedSass=require('gulp-
angular2
再卟疯狂我們就老了
·
2020-08-09 16:46
NodeJS
原生javascript、angularjs、
angular2
分别是如何监控DOM加载完成
1、问题:原生javascript、angularjs、
angular2
分别是如何监控页面加载在上一节中介绍了原生的angularjs实现拖拽布局,但在实际的开发中需要适配自己项目中的页面,对页面中的每个模块需要在初始化的时候取得相应的元素
shoushou71
·
2020-08-09 12:19
使用WebStorm创建
Angular2
项目
要想在WebStorm里创建
Angular2
项目,前提是需要安装angular-cli的。使用npm安装angular-cli的方法《使用angular-cli创建
angular2
项目》。
H小志
·
2020-08-09 03:08
Angular2
angular2
webstorm
上一页
7
8
9
10
11
12
13
14
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他