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
【AngularJS:
AngularJS
中使用ui-router重新加载当前路由页面
2019独角兽企业重金招聘Python工程师标准>>>想象这样一个场景,我们通过菜单导航进入一个操作页面,当在页面中已经录入或选择了一些信息,发现根本不是想要的,希望能够使页面快速恢复的初始状态,这时候一个比较理想的选择是再次点击下菜单栏里的对应项。如果你的菜单是使用这种方式,那么点击当前的菜单,页面将不会有任何反应去查找资料,有很多信息提示我们使用ui-sref-opts指令来设置reload参
weixin_34235105
·
2020-09-14 12:45
angularJS
学习小结——ngRoute(路由机制)
引言在我们介绍路由之前我们首先谈一下SPA,所以SPA就是我们现在经常说的单页应用singlepageAPP,为了实现无刷新的视图切换我们之前的做法就是利用AJAX从后取出数据然后渲染在前台页面HTML中,但是AJAX有一个致命的缺点就是不能实现浏览器的后退按钮失效,为了解决这个问题我们通常使用hash,监听hashchange事件来进行视图切换,另一个方法是用HTML5的historyAPI,通
g-Jack
·
2020-09-14 12:12
@项目学习
angularJS总结
AngularJS
中重新加载当前路由页面
这个问题同样困扰我很久,网上的回答五花八门,全都不能解决;终于在网上找很久,看到某大神的解决办法,整理作此分享;使用ui-router重新加载当前页面的问题。(ui-router版本需要是0.2.14以上的)用angular做项目,会碰到需要点击菜单刷新当前页面,加载当前页面,但是同一个路由页面点击没反应;假设我们的路由页面app.toMenu;其实,reload除了可以传递布尔类型型参数,还可以
前端小狮
·
2020-09-14 12:27
angularjs
angularjs
的ui-router第一次点击激活路由重新加载页面,后面继续点击无反应,如何实现每次点击页面都刷新
(1)整个页面同时都刷新:(2)刷新当前路由页面:(3)state.reload()方法,利用state.reload()方法,利用state.reload()方法,利用state服务:$state.reload()是加载整个页面;$state.reload(‘app/keyWordSearch’);加载当前页面;(4)放到点击事件的方法中$scope.reloadCurPage=function
gaiery
·
2020-09-14 12:53
后端
前端
angularjs
路由机制
前言
AngularJS
路由主要有内置的ngRoute和一个基于ngRoute开发的第三方路由模块ui-router,内置的ngRoute有时满足开发需求,使用ui-router可以解决很多原生ngRoute
dhxiyzqv45340
·
2020-09-14 12:52
关于
angularjs
中路由页面强制更新的问题
有这么一个问题,在页面内路由页面跳转时,第一次跳入路由页面时是正常的,但是第二次会记住第一次时的状态,有时候并不想这样,想强制更新这个路由页面。有一种方式就是使用ui-sref-opts功能,我试了,结果不好使,不知道是哪里出的问题:链接1在网上查了一下,说是可以写click事件,试了一下,依然不好使,郁闷:$state.go('page1',{id:1},{reload:true})然后查到了第
diejiankuai3444
·
2020-09-14 12:52
Angularjs
阻止默认事件
Angularjs
阻止默认事件在
angularJS
中免不了使用标签,使用的时候,在google下,能够正常的过滤掉默认事件,但是在IE中,不行。
0day__
·
2020-09-14 12:15
AngularJS
三大框架的对比
angular(MVW):1、在性能上,
AngularJS
依赖对数据做脏检查,所以Watcher越多越慢。
wang_liuyong
·
2020-09-14 11:44
框架
angular 使用$http.jsonp进行跨域访问以及修改目标JSON
昨天把皮皮书屋的遗产书籍整理好了,做了个
AngularJs
的SAP,上传到了阿里云,主要思路是使用把皮皮书屋的xls内容转化成了JSON,然后用$http.get直接拿到数据,然后用ui-grid展示,
Ktom
·
2020-09-14 11:55
angularJs
获取点击的元素
这个代码我用的是菜鸟教程中的代码案例要求获取button中的class属性隐藏/显示名:姓:姓名:{{person.firstName+""+person.lastName}}饿了了varapp=angular.module('myApp',[]);app.controller('personCtrl',function($scope){$scope.person={firstName:"John
shuohuadewoniu
·
2020-09-14 11:59
angularJS
常见问题汇总
问题描述解决方案当你简单的动态给页面插入html时,此时html带有angular的语法不会执行的。varuploadInfo='上传成功!点击跳转到客户列表界面';angular.element('.modal-body').append(uploadInfo);此时ng-click不会执行将uploadInfo通过$compile进行处理,varele=$compile(uploadInfo)
赖祥燃
·
2020-09-14 10:17
前端开发
AngularJS
前端开发面试题-JavaScript(一)
JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAScript2015(ES6)、Node.js、
AngularJS
diangu2916
·
2020-09-14 10:55
浅析使用vue-router实现前端路由的两种方式
关于vue-router由于最近的项目中一直在使用vue,所以前端路由方案也是使用的官方路由vue-router,之前在
angularJS
项目中也是用过UI-router,感觉大同小异,不过很显然vue-router
weixin_34409822
·
2020-09-14 09:15
浅析VUE的变化侦测原理
背景介绍最近部门的前端框架开始从老旧的
AngularJS
向VUE迁移,为了工作起来能够更加顺手,特意花了些时间,学习了一番vue。本文对vue的变化侦测原理,做了一些简单的介绍。
软件开发随心记
·
2020-09-14 09:00
js
vue
前端
变化检测
angularjs
操作json
varapp=angular.module("gaoynApp",[]);app.controller("democ",["$scope","$http","$filter",function($scope,$http,$filter){//直接从服务器获取的数据$scope.resdata;//保存最初始数据$scope.datas;//视图上展示的数据//定义过滤数组$scope.select
cdb_680
·
2020-09-14 08:02
使用
AngularJS
从零构建大型应用
0、导言1、准备工作2、构建框架3、丰富你的directives4、公用的services5、用controllers组织业务导言纵览线上各种
AngularJS
教程,大部分都是基础与一些技巧分析。
Gavin13140
·
2020-09-14 07:59
angularjs
Ionic 入门
关于IonicIonic是基于HTML5与
AngularJs
的一个开发框架。Ionic更多的是是基于WebView的开发模式,因为其本身提供了一系列的前端控件与JS控件。
flyman-lin
·
2020-09-14 07:39
html5
html5
angularjs
ionic
Android
品优购
前端采用
angularJS
(JavaScript—vue)。
快些儿
·
2020-09-14 06:59
项目
React初步学习
一、了解ReactJS:现在最热门的前端框架有
AngularJS
、React、Bootstrap等,其中ReactJS独特的VirtualDOM,很具有创新性。
编程之间
·
2020-09-14 04:07
React
跟我学
AngularJs
:Directive指令用法解读(下)
原地址:http://blog.csdn.net/evankaka/article/details/51233555此文接跟我学
AngularJs
:Directive指令用法解读(上)8.transclude
diaodiao256
·
2020-09-14 01:54
实习总结
关于
AngularJS
学习整理---浅谈$scope(作用域) 新手必备!
原地址:http://blog.csdn.net/wl11295210/article/details/55504218作为初次接触
AngularJS
的新手,想要深层理解里面的内容短时间还是不可能的,所以标题写了浅谈字样
diaodiao256
·
2020-09-14 01:54
实习总结
angularJS
自定义指令 属性:restrict、template、replace
原地址:http://blog.csdn.net/xuanwuziyou/article/details/52881068假如我们要展示一个用户list,使用
angularJS
,可以这样做:先在控制器中定义用户列表的数组
diaodiao256
·
2020-09-14 01:54
实习总结
vuejs页面刚加载时候有双括号
最近在用vue.js,因为它比
angularjs
要轻量,但是总是在页面初始化加载时出现大括号({}),后来查看了vue.js的文档找到了解决方案css[v-cloak]{display:none;} html
milli236
·
2020-09-14 00:16
Vue.js
AngularJS
1.0的使用总结笔记------001
从今天开始,我将会吧我所用到的
AngularJS
1.0所有的知识进行梳理一遍,写成一篇篇文章,算是对自己知识的一次总结吧。因为马上就要学习和使用
AngularJS
2.0了。两个框架还是有本质区别的。
古语静水流深
·
2020-09-13 23:08
[$injector:unpr] Unknown provider:--angular.module()函数解答
在使用
angularjs
开发项目过程中,无疑遇到这个问题是最棘手的问题:ionic.bundle.js:26799Error:[$injector:unpr]Unknownprovider:fifoServiceProvider
tpf1220
·
2020-09-13 23:20
angularjs
你的JWTs存储在哪里
如果你正在构建一个web应用程序,你有两种选择:HTML5WebStorage(localStorage或sessionStorage)Cookies比较这两个,假设我们有一个虚构的
AngularJS
或单页应用
勇赴
·
2020-09-13 22:02
JWT
RegularJS资料整理
结合了
AngularJS
的脏检查机制的数据双向绑定和ReactJS组件化的思想,用起来应该和VueJS差不多(因为我没用过VueJS)。RegularJS是极具网易特色的库,项目中在用,稍微研究研究。
野草_前端
·
2020-09-13 21:24
JavaScript
对vue概念的理解
概念:vue是一个构建数据驱动的web界面的渐进式框架,它的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件vue对比angular1、vue在设计之初参考了很多
angularjs
的思想2
kakaxiD
·
2020-09-13 21:42
个人日记
vue
前端三大主流框架的区别(三)
前面两篇已经做了细致的分析,这一篇就总结总结三大主流框架吧1.angular1.1.简介:angular是最早出现的框架,
angularjs
是通过directive(指令)去封装组件,react和vue
谷歌研发技术团队
·
2020-09-13 17:30
Vue.js
React.js
react
vue
angular
AngularJS
ng-class
test.html页面Angular.js.warning{background-color:yellow;}.error{background-color:red;}{{messagetext}}showErrorshowWarntest.jsfunctionWEController($scope){$scope.isError=false;$scope.isWarning=false;$sco
Bo年再无木小白
·
2020-09-13 13:14
AngularJS
AngularJs
AngularJS
购物车实例
html页面Angular.jsyourorder{{item.title}}{{item.price|currency}}{{item.price*item.quantity|currency}}removejs页面functionCartController($scope){$scope.items=[{title:"paintposts",quantity:"8",price:"7.8"},
Bo年再无木小白
·
2020-09-13 13:42
AngularJS
AngularJs
ng-repeat 必须注意的性能问题
AngularJs
的ng-repeat让我们非常方便的遍历数组生成Dom元素,但是使用不当也会有性能问题。
ditangua1633
·
2020-09-13 11:17
AngularJs
双向绑定机制解析
AngularJs
的元素与模型双向绑定依赖于循环检测它们之间的值,这种做法叫做脏检测,这几天研究了一下其源码,将Angular的实现分享一下。
ditangua1633
·
2020-09-13 11:45
javascript
ui
数据结构与算法
一起写atom插件(1)——写个简单的插件
因为atom的开源性质,插件也参差不齐,很难找到完全符合自己的插件,比如非常好用的js-hyperclick插件,但在
angularjs
和es6的情况下就无能为力了,因为
angularjs
是AMD标准的
吴冬冬
·
2020-09-13 10:16
atom编辑器
Angular 自定义指令详解
2.创建方式:
Angularjs
的指令创建有四种形式,比如创建的指令hello:(1)元素名(E):(2)标签属性(默认)(A):(3)标签样式类的形式(C):(4)注释(M)(注释号注意有个空格):3
thenewdiana
·
2020-09-13 06:27
angularJS
Hbuilder打包APP时返回键问题的实际解决方案
最近做一个
angularJS
的商城项目,使用Hbuilder打包app时遇到了返回键直接退出的问题,网上的解决办法机制为判断是否有window.history(或者webview记录)历史记录,有就返回上一级
Micc_web
·
2020-09-13 05:22
jQuery事件:bind、delegate、on的区别
最近在
AngularJS
的开发中,遇到一个神奇的事情:我们用到livebox来预览评论列表中的图片,然而评论列表是由AngularResource动态载入的。
crimeheaven
·
2020-09-13 05:19
js
jquery
Angularjs
- div中的内容垂直居中的五种方法
文章目录一、行高(line-height)法二、内边距(padding)法三、模拟表格法四、CSS3的transform来实现五:css3的box方法实现水平垂直居中一、行高(line-height)法如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如:p{height:30px;line-height:30px;width:100px;overfl
早起的虫子
·
2020-09-13 05:47
AngularJS
angularjs
如何避免快速点击按钮,重复提交请求
转载于:http://www.cnblogs.com/earl-yongchang/p/5609102.html重写
angularjs
的ng-click事件 代码为:app.config(['$provide
y_hai_yang
·
2020-09-13 04:25
angular
angularjs
my97 datepicker directive demo
app.directive('datePicker',function(){return{restrict:'A',require:'ngModel',scope:{minDate:'@',},link:function(scope,element,attr,ngModel){element.val(ngModel.$viewValue);functiononpicking(dp){vardate
weixin_34077371
·
2020-09-13 03:57
(转载)关于My97 datepicker与Angular ng-model绑定问题解决。
转载自http://zerosoft.blog.51cto.com/679447/1611403{{d}}在使用上述代码在
angularjs
中获取d的值得时候是获取不到值的,应该选完日期之后获取触发change
weixin_30387663
·
2020-09-13 03:56
angularjs
WdatePicker ng-model问题解决
假设我们在项目中需要用到WdatePicker以及
angularjs
,并有如下的代码:ddd这样的代码,问题就在于,当你需要进行提交的时候,你会发现$scope.text.ddd是没有值的。
岁月如歌似梦
·
2020-09-13 03:29
web的杂七杂八
Angular双向数据绑定简易实现
自己最近再看
AngularJS
,但想了解一下内部原理,于是找到了这篇非常好的文章。好文章就要分享给大家!不谢。。。
zero_lh
·
2020-09-13 03:44
AngularJS
angular
源代码
双向数据绑定
AngularJS
中checkbox与动态ng-model的结合
项目需求:预实现不同角色对应不同的管理员权限,页面初始加载为角色的默认权限,不可修改,点击修改权限后才可修改权限,并且checkbox的选中效果如文中展示;前端框架:bootstrap
angularjs
1
shenyi_201805
·
2020-09-13 02:02
js/jQuery
angularJs
获取复选框中id 进行批量删除
angularJs
获取复选框中id进行批量删除主要思路:我们需要定义一个用于存储选中ID的数组,当我们点击复选框后判断是选择还是取消选择,如果是选择就加到数组中,如果是取消选择就从数组中移除。
maxchenBug
·
2020-09-13 02:24
angularjs
的controller的三种写法
angularjs
的controller其实就是一个方法,它有三种写法:第一种:varAppController=['$scope',function($scope){$scope.notifyServiceOnChage
MIT的梦
·
2020-09-13 02:57
思想心得
Jquery和
angularjs
获取check框选中的值小技巧
在我们平常的开发中,有时候会需要获取一下check框选中的值,以及check框选中行的所有信息。这个时候有一个小技巧那就是我们可以把要获取的信息全部放到check框的值里面,这样我们可以获取check框选中值的时候也就相当于获取了当前行的信息。判断是否选中$("input[type='checkbox']").is(':checked')全选按钮全选全选全不选:varbischecked=$('#
漫长学习路
·
2020-09-13 01:01
前端技术
JS重塑学习
2018面试
angularjs
面试问题factory、service、provide之间工作原理数据双向绑定的原理vue面试题数据双向绑定的原理vuex设计的初衷。
丑丑丫
·
2020-09-13 01:54
随笔
angularjs
中My97DatePicker无法通过$scope.ngModel获取值解决
1、写一个angular自定义指令Directive(网上找的)/*my97DatePicker指令*/angular.module('activitiModeler').directive('datePicker',function(){return{restrict:'A',require:'ngModel',scope:{minDate:'@',},link:function(scope,e
Franciswmf
·
2020-09-13 01:24
angularjs
取到 My97DatePicker选中的值
提示:直接在页面调用不能取到input的值,需要封装成指令1、第一步引入My97DatePicker的插件,不要改变js/css/img目录结构2、第二步指令封装3、第三步4、第四步controller文件定义参数$scope.datas={};
Take_Dream
·
2020-09-13 01:47
angular
上一页
18
19
20
21
22
23
24
25
下一页
按字母分类:
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
其他