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
里设置一级二级路由(导航栏切换)
一级导航详细步骤1、创建angular项目ngnewangualrdemo08--skip-install进入项目cdangular08,并下载各种包。使用npmi或cnpmi命令2、创建需要的组件nggcomponenthomenggcomponentnewnggcomponentheadernggcomponenthome/asideonenggcomponenthome/asidetwong
蒲公英
·
2020-09-14 16:35
angular
angular
angular2
接口查询后渲染到表格
我记的笔记,可能有不对的1、在service里写接口请求(planser.service.ts)get请求://获取表格信息getinfo(supplementId,year,maxResultCount,skipCount){returnthis.http.get(`${apiUrl}/ProjectInfo/GetProInfoManagementInfos`,{headers:{author
蒲公英
·
2020-09-14 16:35
接口渲染
ng-zorro
angular
前端
Angular2
如何使用第三方类库(如:jQuery)
Angular2
是以TypeScript语言作为默认编码语言,所以你看到的全部都是.ts结尾的文件。
weixin_34310369
·
2020-09-14 16:23
[Angular 2] implements OnInit, OnDestory for fetching data from server
v=bY92HFyaBvoexportinterfaceOnInitexportedfrom
angular2
/coredefinedin
angular2
/src/core/linker/interfa
weixin_33901926
·
2020-09-14 16:52
[
Angular2
] Angular 2中NgModule,Lazy Loading与Route
2019独角兽企业重金招聘Python工程师标准>>>更新至
Angular2
.0正式版,router3.0就在我写这篇博客的时候,
Angular2
官方已经发布了RC6,angular-router模块发布了
weixin_33713503
·
2020-09-14 16:36
使用
Angular2
+ 开发 Markdown 编辑器
一直想写一个
Angular2
+的分享,但是没有一个好的切入点。
蔚1
·
2020-09-14 15:30
【Angular】——无限级下拉列表框
前言前段时间换了新框架,将前后端分离,对
Angular2
有点感兴趣,所以参与一起封装组件。在小5的帮助下,学会了好多东西,这里总结下封装的无限级下拉列表框。
王虹芸_Yana
·
2020-09-14 15:47
●
知识扩展
关于
Angular2
中回调函数与数据绑定不能实时更新的问题
在
angular2
中调用扫描接口,现在可以将值正确添加到数组里,如下:constructor(){this.records=[];}barcodeScanner(){varself=this;cordova.plugins.barcodeScanner.scan
沈斯明
·
2020-09-14 15:39
angular2.0
Angular 2 利用Router事件和Title实现动态页面标题
Angular2
为我们提供了名为Title的Service用于修改和获取页面标题,但是如果只是能够在每个页面的ngOnInit方法中为每个页面设置标题岂不是太low了,不符合
Angular2
高(zhuang
刘文壮
·
2020-09-14 15:06
Angular2
angular5 自动滚动到最底部
TheComponent:import{...,AfterViewChecked,ElementRef,ViewChild,OnInit}from'
angular2
/core'@Component({.
strong90
·
2020-09-14 15:28
Angular
angular2
、4中数据模型改变 页面不刷新解决方案
类似于angular1里的$scope.$apply();方法//页面引入所需模块import{ChangeDetectorRef}from'@angular/core';//注入服务constructor(publicchangeDetectorRef:ChangeDetectorRef){}//在更改数据后不刷新的地方添加这两句话this.changeDetectorRef.markForCh
阿龙sir
·
2020-09-14 15:58
ionic
angular
Angular2
本地存储LocalStorage的使用
Angular2
关于LocalStorage的使用在github上有些例子,但大多都是基于2.0.*或是beta版本的。我用的是
lichunxueer
·
2020-09-14 14:58
Angular2
angular2
回调函数与数据绑定不能实时更新的问题
关于
Angular2
中回调函数与数据绑定不能实时更新的问题回调函数跑出了
Angular2
的zone,所以需要注入ChangeDetector,显式地通知
Angular2
框架进行更新,类似于Angular1
Serenity_Mars
·
2020-09-14 14:44
angular2
input type=date起止时间区间限制 开始时间只能小于终止时间
至jssetMinEndTime(){//若设置开始时间之前已设置了终止时间,要判断开始时间是否大于终止时间,是则将终止时间清零if(this.endTime<this.startTime){this.endTime='';}//当开始时间设置好后,将开始时间赋值给终止时间input的min属性this.minendTime=this.startTime;}
lunmeifan
·
2020-09-14 14:55
js
【
Angular2
】搭建开发环境
一、前言随着前端工程化的浪潮到来,最近公司的新项目需要使用
Angular2
作为前端的开发语言。当然小编之前是没有接触的,而且
Angular2
也是在AngularJs的基础上发展出来的。
AresCarry
·
2020-09-14 14:56
➤
JAVA提高篇
angular2
组件中定时刷新并清除定时器
import{Component,OnInit,ChangeDetectionStrategy,ChangeDetectorRef,OnDestroy}from"@angular/core";@Component({changeDetection:ChangeDetectionStrategy.OnPush})exportclassxxxComponent{privatetimer;constru
friend_ship
·
2020-09-14 13:35
Angular
Angular2
挖坑求解系列之二:发布到IIS后,再编辑内容,刷新页面后不会更新
用VisualStudio2015和
Angular2
做好的应用程序,最终要发布到一个站点,才可以让大家使用你的程序。这里我选择了快速的IIS7.0。按照以往的步骤发布成功后,心里一阵小欢喜。
飞鹰再现
·
2020-09-14 13:24
Angular2
Web开发
angular2
+中数据变更子组件页面未更新
引入监测import{ChangeDetectorRef}from'@angular/core';constructor(privatechangeDetectorRef:ChangeDetectorRef){}转载于:https://www.cnblogs.com/ckAng/p/8574207.html
aau88497
·
2020-09-14 13:43
angular2
学习笔记 1
文件名和组件名遵循风格指南中的标准方式。组件的类名应该是大驼峰形式,并且以Component结尾。因此英雄详情组件的类名是HeroDetailComponent。组件的文件名应该是小写中线形式,每个单词之间用中线分隔,并且以.component.ts结尾。因此HeroDetailComponent类应该放在hero-detail.component.ts文件中。打开app.module.ts文件,
FlyingMG
·
2020-09-14 13:38
angular2
中如何在组件中不使用template 或者其url
现在需要试水使用
angular2
开发某些php开源程序的主题,但是页面是php文件服务器渲染生产的,类似结构header.tpl+XXX+footer.tpl。
WimJimmy
·
2020-09-14 13:26
javascript
angular
前端开发
angular
php
Angular2
scroll滚动条事件监听多级联动,scroll固定一列移动多列
scroll绑定div实现固定一列和移动多列最左边顶部是固定的,右上角可以左右滚动,左下角可以上下滚动,右下角是上下左右都可以滚动。多级联动是指:右下角区块向左或右移动,右上角区块跟着移动,向上或向下移动时,左下角区块也跟着移动,右上角和左下角移动时互斥的。leftTop{{data}}{{data}}{{data}}----------**TS文件**publicscroll(event){co
Neokekeke
·
2020-09-14 13:24
scroll
angularjs2
angular
移动
scroll滚动条
angular2
服务中变量变化后组件中的值响应更新
http://jasonwatmore.com/post/2016/12/01/angular-2-communicating-between-components-with-observable-subject
看门小书童
·
2020-09-14 12:37
angular
Angular Router Lazy Loading
1.概述AngularRouter的懒加载是
Angular2
的一项核心特性。懒加载使我们的程序拥有更快的启动速度,因为它在初始加载的时候只需要加载主模块中的内容。
AuroraDuring
·
2020-09-14 12:36
前端
Angular
Router
lazy
load
懒加载
嵌套路由
Angular2
.x_ 路由跳转后,滚动条在之前的位置,没有在最顶部
imports:[RouterModule.forRoot(routes,{useHash:environment.production,scrollPositionRestoration:'top',})],手动设置一下滚动条的位置。
Martin_Yelvin
·
2020-09-14 12:03
Angular2.x
Angular2
挖坑求解系列之二续:更改页面内容不会刷新之解决方法
现在用VisualStudio工具进行
Angular2
开发的讲解文章真的很少,且
Angular2
的库变化又很快。只能靠摸索前行。
飞鹰再现
·
2020-09-14 12:08
Angular2
Web开发
Angular2
3 loading组件、路由配置、子路由配置、路由懒加载配置
1需求由于Angular是单页面的应用,所以在进行数据刷新是进行的局部刷新;在进行数据刷新时从浏览器发出请求到后台响应数据是有时间延迟的,所以在这段时间就需要进行遮罩处理来提示用户系统正在请求数据。2loading组件简介loading组件就是专门负责遮罩处理的,可以自定一个loading组件,也可以使用别人创建号的loading模块;loading组件生效后的效果如下:参考资料:点击前往3编程步
weixin_30376453
·
2020-09-14 12:44
Angular2
router.navigate刷新页面问题
造成这个问题一般是因为我们在表单中使用时忘记添加type属性,在表单中,如果忘记给按钮添加属性,会默认为submit,如果在子元素中会向上冒泡触发submitdetailtoDetail(){this._router.navigate(['/detail']);}解决方法:1.添加typedetail2.click添加falsedetail3.函数返回falsetoDetail:boolean()
erciyuan_nuonuo
·
2020-09-14 12:53
angular2
使用
angular2
自带的指令,快捷创建服务,组件等!
nggcomponentproduce可以直接创建指令并更新app.module.ts;nggserviceshared/login;可以直接创建服务,保存到shared文件下;因为刚接触
angular2
weixin_34358092
·
2020-09-14 11:01
angular jit and aot
angular2
编译模式在
Angular2
中有两种编译模式:JIT-Just-In-TimeAOT-Ahead-Of-TimeJ
erciyuan_nuonuo
·
2020-09-14 10:37
angular2
Angular2
select用法-设置默认值和事件
设置默认值:现在有三个学生小明,小红,小黑,对双向绑定的student设置你想要的select值就可以在下拉框默认选中code1:设置”请选择”为默认项,只需要把变量student设置为‘’,即可默认到“请选择”方案1:TS:students:string[]=['xiaoming','xiaohong','xiaohei'];student:string='';HTML:请选择//此处用的是va
erciyuan_nuonuo
·
2020-09-14 10:06
angular2
angular2
父子组件数据传递之@Input和@Output详解
父组件向子组件传递数据父组件传递数据到子组件通过@Input方式的现实方式第一步:定义父组件ParentComponent.ts(1).这里定义了两个类属性user和parent_data,(2).一个next()方法,next方法用于将页面输入的数据赋值给parent_data属性ParentComponent.html对应的页面:表单输入数据,点击页面上的按钮,调用页面next()方法next
yiyinerjin
·
2020-09-14 02:20
Angular2
父子组件之间数据传递:@Input和@Output (上) ...
为了让大家学习起来轻松、易懂,小编尽量做到篇幅短,语言通俗易懂,知识点分段来讲,以免太长了看起来很累,也很容易失去耐心阅读下去,希望大家理解和支持,同时希望大家点赞和分享出去,让更多的志同道合的朋友来学习Angular提供了@Input和@Output语法来处理组件数据的流入流出,接下来我们通过@Input和@Output来演示父子组建之间的数据传递父组件向子组件传递数据父组件传递数据到子组件通过
weixin_30849591
·
2020-09-14 02:07
七周七种前端框架三:
Angular2
印象
巨大变化在Angular1中最重要的两个概念:directive拓展DOM功能,封装DOM操作,并且是可复用的组件controller创建新的$scope作用域,封装和DOM无关的业务逻辑
Angular2
lihongxun945
·
2020-09-14 02:11
七周七种前端框架
Angular2
ng2-file-upload使用FileReader在网页中显示用户选择图片
ng2-file-upload是一个
angular2
的文件上传指令插件,可支持拖拽上传、单选上传、多选上传等功能,具体使用方法可去github查看。
Orz___Li
·
2020-09-13 21:38
web前端
---angularjs
Angular2
模型渲染的一个坑
今天在使用
angular2
开发一个CMS项目的时候发现了一个模型渲染的坑,特此记录。
Orz___Li
·
2020-09-13 21:37
web前端
---angularjs
Angular2
小知识--实现toggleClass()方法
基于
Angular2
实现点击按钮切换p标签的classhtml代码:toggle我是一行测试代码!
chubangzhuo4234
·
2020-09-13 11:42
使用typescript和gulp快速开始Angular 2开发
使用typescript和gulp快速开始
Angular2
开发
Angular2
出来了一段时间,通过更简单和更简洁的概念,如基于组件的架构,新的依赖注入或内置模块化,新版本的框架要学习得简单得多。
weixin_33755847
·
2020-09-13 06:46
ANGULAR 从 1 到 2 快速参考
在Angular1和
Angular2
之间,有很多不同的概念和语法。本章提供了一个快速的参考指南,指出一些常用的Angular1语法及其在
Angular2
中的等价物。
沈斯明
·
2020-09-13 06:49
angular2.0
angular2
快速构建项目
从零开始,创建一个超级简单的
angular2
.0的应用。
frontend_frank
·
2020-09-13 05:27
angular2
快速开始
angular.io/docs/js/latest/quickstart.html你运气真好,竟然看到了这篇文章,你省事了,一分钟让你完成,请点击https://github.com/1329555958/
angular2
sky丁
·
2020-09-13 04:40
javascript
Web前端项目发布到iis服务器
前言目前公司的项目前后端分离,前端用的是
angular2
框架,为了给伙伴浏览前端页面提供便利,需要将前端项目发布服务器上,大家都可以自由访问了。
大白快跑8
·
2020-09-13 00:15
git 克隆远程项目到本地
我们需要使用gitclone命令来克隆到本地:第一步:我们先来看看fork来的项目(一个随便的例子),可以看到项目的名称:jackblog-
angular2
第二步:使用命令
[email protected]
cvper
·
2020-09-11 21:47
Git
安装AgularJS的全过程
1.
Angular2
的适用范围:
Angular2
的主要用于前端的web开发,它以MVC的架构形式将所有复杂性元素加以打包,更好的保证了前后台分离,从而保证开发者只需要直接接触那些最易于实现的功能,简化了工作流程
未闻花名_zh
·
2020-09-11 12:13
angularJS
Angular入门--项目框架搭建
由于React的流行,以及angular1.0版本暴露出来的一些性能,组件化等的一些缺点,谷歌决定重写angular,在2016年推出
angular2
.0.
Angular2
.0采用TypeScript开发
weixin_30752377
·
2020-09-11 10:01
angular 服务的单例模式(依赖注入模式下)详解
(解释下angular的命名,angular就是
angular2
+,angular1叫angularjs,至于
angular2
,3,4,5,6只是angular的版本,通称angular,希望小伙伴不要叫错了
weixin_34419321
·
2020-09-11 05:43
ABP使用NSwagStudio for Swagger Api生成ServiceProxies
案例主要是使用NSwag来生成ABPfor
angular2
+的客户端代码。
weixin_30672295
·
2020-09-11 04:36
Angular2
ng2 如何配置惰性加载
需要修改至少四个地方1.将子组件进行模块化操作2.生成子组件module、子组件router3.配置主路由信息改为loadChild4.配置appModule删除引入以product组件为例这个组件是一个一级菜单所以需要给这个页面生成一个module1.生成product.module组件2.生成routers路由列表(这里可以分为两个文件写)import{NgModule}from'@angul
weixin_30622181
·
2020-09-11 04:31
angular2
.0定义单独的路由模块
在/app目录新建一个文件,名叫app-routing.module.ts。路由模块将导入RouterModule令牌,并配置路由。我们遵循文件名约定,并命名Angular模块为AppRoutingModule。和app.module.ts中一样,导入CrisisListComponent和HeroListComponent组件。然后在路由模块中导入Router和路由配置(RouterModule
沈斯明
·
2020-09-11 04:42
angular2.0
如何带虚拟路径将
Angular2
项目部署至IIS及Nginx
如何带虚拟路径将
Angular2
项目部署至IIS及Nginx一、不带路由发布至IIS1、发布Angular项目在src路径下添加web.config文件,内容如下:修改angular.json或.angular-cli.json
Dickence
·
2020-09-11 01:12
技术
如何在Angular 2中设置基本路由
随着
Angular2
的最新正式发布,现在是赶上一些最大变化的好时机。发生了很大变化的一件事是
Angular2
路由器,在最终版本的发布中已完全替换了它。
cunjie3951
·
2020-09-11 01:14
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
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
其他