AngularJs 总结
AngularJS是什么?
AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是一个框架,不是类库,是像EXT一样提供一整套方案用于设计web应用。它不仅仅是一个javascript框架,因为它的核心其实是对HTML标签的增强。何为HTML标签增强?其实就是使你能够用标签完成一部分页面逻辑,具体方式就是通过自定义标签、自定义属性等,这些HTML原生没有的标签/属性在ng中有一个名字:指令(directive)。后面会详细介绍。那么,什么又是动态web应用呢?与传统web系统相区别,web应用能为用户提供丰富的操作,能够随用户操作不断更新视图而不进行url跳转。ng官方也声明它更适用于开发CRUD应用,即数据操作比较多的应用,而非是游戏或图像处理类应用。为了实现这些,ng引入了一些非常棒的特性,包括模板机制、数据绑定、模块、指令、依赖注入、路由。通过数据与模板的绑定,能够让我们摆脱繁琐的DOM操作,而将注意力集中在业务逻辑上。Angular不推崇DOM操作,也就是说在NG中几乎找不到任何的DOM操作,但Angular本身内部使用dom来改变页面的值。
一、AngularJS简单介绍
AngularJS 重新定义了前端应用的开发方式。面对HTML和JavaScript之间的界线,它非但不畏缩不前,反而正面出击,提出了有效的解决方案。
很多前端应用的开发框架,比如Backbone、EmberJS等,都要求开发者继承此框架特有的一些JavaScript对象。这种方式有其长处,但它不必要地污染了开发者自己代码的对象空间,还要求开发者去了解内存里那些抽象对象。尽管如此我们还是接受了这种方式,因为网络最初的设计无法提供 我们今天所需的交互性,于是我们需要框架,来帮我们填补JavaScript和HTML之间的鸿沟。而且有了它,你不用再“直接”操控DOM,只要给你的DOM注上metadata(即AngularJS里的directive们),然后让AngularJS来帮你操纵DOM。
- AngularJS 1.x 官方网站
- https://angularjs.org/
- AngularJS 2.x 官方网站
- https://angular.io/
- Google Material Design for Angular
- https://material.angularjs.org
- Angular UI(Angular最大的第三方社区)
- http://angular-ui.github.io/
- AngularJS中文社区
- http://www.angularjs.cn/
- AngularJS中文社区提供的文档(不用FQ)
- http://docs.angularjs.cn/api
- http://www.apjs.net/
· AngularJS在github上的中文粗译版地址:
- https://github.com/basestyle/angularjs-cn
· AngularJS相关资料中文网站:
- http://www.runoob.com/angularjs/angularjs-tutorial.html
- http://www.cnblogs.com/xing901022/p/4931455.html
二、jQuery与AngularJS区别
- jQuery:库
- 库一般都是封装了一些常用的方法。
- 自己手动去调用这些方法,来完成我们的功能。
$('#txt').val('我是小明');
$('div').text('我是小王');
- angular:框架
- 框架都是提供一种规范或者模式
- 我们却要按照它提供的这种规则去写代码。
- 框架会自动帮助我们去执行相应的代码。
三、AngularJS特性
AngularJS是一个新出现的强大客户端技术,提供给大家的一种开发强大应用的方式。这种方式利用并且扩展HTML,CSS和javascript,并且弥补了它们的一些非常明显的不足。本应该使用HTML来实现而现在由它开发的动态一些内容。
AngularJS有五个最重要的功能和特性:
3.1 特性一:双向的数据绑定
数据绑定可能是AngularJS最酷最实用的特性。它能够帮助你避免书写大量的初始代码从而节约开发时间。一个典型的web应用可能包含了80%的代码用来处理,查询和监听DOM。数据绑定是的代码更少,你可以专注于你的应用。
我们想象一下Model是你的应用中的简单事实。你的Model是你用来读取或者更新的部分。数据绑定指令提供了你的Model投射到view的方法。这些投射可以无缝的,毫不影响的应用到web应用中。
传统来说,当model变化了。 开发人员需要手动处理DOM元素并且将属性反映到这些变化中。这个一个双向的过程。一方面,model变化驱动了DOM中元素变化,另一方面,DOM元素的变化也会影响到Model。这个在用户互动中更加复杂,因为开发人员需要处理和解析
这些互动,然后融合到一个model中,并且更新View。这是一个手动的复杂过程,当一个应用非常庞大的时候,将会是一件非常费劲的事情。
这里肯定有更好的解决方案!那就是AngularJS的双向数据绑定,能够同步DOM和Model等等。
这里有一个非常简单的例子,用来演示一个input输入框和<h1>元素的双向绑定(例01):
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
<div>
<label>Name:</label>
<input type="text" ng-model="user.name" placeholder="请输入名字">
<hr>
<h1>Hello, {{user.name}}!</h1>
</div>
</body>
</html>
3.2 特性二:模板
在AngularJS中,一个模板就是一个HTML文件。但是HTML的内容扩展了,包含了很多帮助你映射model到view的内容。
HTML模板将会被浏览器解析到DOM中。DOM然后成为AngularJS编译器的输入。AngularJS将会遍历DOM模板来生成一些指导,即,directive(指令)。所有的指令都负责针对view来设置数据绑定。
我们要理解AuguarJS并不把模板当做String来操作。输入AngularJS的是DOM而非string。数据绑定是DOM变化,不是字符串的连接或者innerHTML变化。使用DOM作为输入,而不是字符串,是AngularJS区别于其它的框架的最大原因。使用DOM允许你扩展指令词汇并且可以创建你自己的指令,甚至开发可重用的组件。
最大的好处是为设计师和开发者创建了一个紧密的工作流。设计师可以像往常一样开发标签,然后开发者拿过来添加上功能,通过数据绑定将会使得这个过程非常简单。
这里有一个例子,我们使用ng-repeat指令来循环图片数组并且加入img模板,如下:
function AlbumCtrl($scope) {scope.images = [{"image":"img/image_01.png", "description":"Image 01 description"},{"image":"img/image_02.png", "description":"Image 02 description"},{"image":"img/image_03.png", "description":"Image 03 description"},{"image":"img/image_04.png", "description":"Image 04 description"},{"image":"img/image_05.png", "description":"Image 05 description"}];
}
<div ng-controller="AlbumCtrl"><ul><li ng-repeat="image in images"><img ng-src="http://m.cnblogs.com/142260/{{image.thumbnail}}"rel="nofollow"/></li></ul>
</div>
这里还有一件事值得提一句,AngularJS并不强制你学习一个新的语法或者从你的应用中提出你的模板。
3.3 特性三:MVC
针对客户端应用开发AngularJS吸收了传统的MVC基本原则。MVC或者Model-View-Controll设计模式针对不同的人可能意味不同的东西。AngularJS并不执行传统意义上的MVC,更接近于MVVM(Moodel-View-ViewModel)。
Model
model是应用中的简单数据。一般是简单的javascript对象。这里没有必要继承框架的classes,使用proxy对象封装或者使用特别的setter/getter方法来访问。事实上我们处理vanilla javascript的方法就是一个非常好的特性,这种方法使得我们更少使用应用的原型。
ViewModel
viewmodel是一个用来提供特别数据和方法从而维护指定view的对象。
viewmodel是$scope的对象,只存在于AnguarJS的应用中。$scope只是一个简单的js对象,这个对象使用简单的API来侦测和广播状态变化。
Controller
controller负责设置初始状态和参数化$scope方法用以控制行为。需要指出的controller并不保存状态也不和远程服务互动。
View
view是AngularJS解析后渲染和绑定后生成的HTML 。这个部分帮助你创建web应用的架构。$scope拥有一个针对数据的参考,controller定义行为,view处理布局和互动。
3.4 特性四:服务和依赖注入
AngularJS服务其作用就是对外提供某个特定的功能。
AngularJS拥有内建的依赖注入(DI)子系统,可以帮助开发人员更容易的开发,理解和测试应用。
DI允许你请求你的依赖,而不是自己找寻它们。比如,我们需要一个东西,DI负责找创建并且提供给我们。
为了而得到核心的AngularJS服务,只需要添加一个简单服务作为参数,AngularJS会侦测并且提供给你:
function EditCtrl($scope, $location, $routeParams) {// Something clever here...
}
你也可以定义自己的服务并且让它们注入:
angular.module('MyServiceModule', []).factory('notify', ['$window', function (win) {return function (msg) {win.alert(msg);};
}]);
function myController(scope, notifyService) {scope.callNotify = function (msg) {notifyService(msg);};
}
myController.$inject = ['$scope', 'notify'];
3.5 特性五:指令(Directives)
指令是我个人最喜欢的特性。你是不是也希望浏览器可以做点儿有意思的事情?那么AngularJS可以做到。
指令可以用来创建自定义的标签。它们可以用来装饰元素或者操作DOM属性。可以作为标签、属性、注释和类名使用。
这里是一个例子,它监听一个事件并且针对的更新它的$scope ,如下:
myModule.directive('myComponent', function(mySharedService) {return {restrict: 'E',controller: function($scope, $attrs, mySharedService) {$scope.$on('handleBroadcast', function() {$scope.message = 'Directive: ' + mySharedService.message;});},replace: true,template: '<input>'};
});
然后,你可以使用这个自定义的directive来使用:
<my-component ng-model="message"></my-component>
使用一系列的组件来创建你自己的应用将会让你更方便的添加,删除和更新功能。
四、使用Angularjs需要注意的一些东西
1)和Jquery的兼容问题,Angularjs自带jqLite,在使用过程中发现,如果项目中使用jquery-1.6.4版本,那么如果将AngularJs引用放在Jquery后面就会报错,但是Jquery-1.8之后没有这个问题。如果出现此问题尽量使用jquery高版本,也可以不使用jquery
,使用angular.element()element来操作dom。
<div ng-controller='myController'id='control'><button ng-click='add()'>添加元素</button><button ng-click='del()'>删除元素</button></div><script type="text/javascript">var app=angular.module('myapp',[]);app.controller('myController',['$compile','$scope',function($compile,$scope){$scope.hello='hello Angular!';$scope.log=function(){console.log('这是动态添加的方法!');};var html="<divng-click='log()'>{{hello}}</div>";//生成一个Jquery对象var template=angular.element(html);//对生成的Jquery对象进行编译varnewHtml=$compile(template)($scope);$scope.add=function(){angular.element(document.getElementById('control')).append(newHtml);}$scope.del=function(){if(newHtml){newHtml.remove()}}}]);</script>
上述代码中,控制器中注入了$compile
服务,目的是初始化相关的依赖,并对生成的Jquery对template进行编译,以便于调用append方法。
2)和Jquery-ui-dialog结合使用的问题,项目中会经常用到各种模态框,其实个人感觉最好的方式就是用一套采用Angularjs编写的组件/插件,ui bootstrap是目前我见过写的最好的。不过这个是理想的状态,奈何项目中一直习惯使用Jquery-ui-dialog,那么在使用的过程中就会遇到jquery uidialog 脱离了controller问题。
3)解决setTimeout
改变属性的无效
在Angular中,大部分操作之后的效果都由$apply方法自动在页面中完成,如果直接调用非Angular中的方法或函数,例如setTimeout方法,那么系统就不会调用$apply方法,导致方法执行失败。
有两种方法可以解决:
在setTimeout方法中,将执行的函数或表达式包含在$apply方法中
setTimeout(function(){
scope. apply(function(){
$scope.tip=’欢迎来到Angular世界!’;
})
},1000)
直接调用与setTimeout方法对应的$timeout服务
$timeout(function(){
$scope.tip=’欢迎来到Angular世界!’;
},1000)
4)解决双大括号绑定元素时的闪烁问题
在Angular内部,可以向元素中添加ng-clock
属性来实现元素的隐藏效果:
<divng-clock>{{message}}</div>
如果是绑定纯文字的内容,建议使用ng-bind
的方式,而非双大括号:
<divng-bind="message"></div>
5
)
date:'yyyy-MM-dd HH:mm:ss'格式化 截断
我们在后台对数据进行json序列化时,如果数据中包含有日期,序列化后返回到前端的结果可能是这样的:/Date(1448864369815)/ ,这个时间是基于1970之后的秒时间,可是往往我们要在前台显示正常的日期格式,该如何处理呢?在angularjs(后面简称 ng)中处理起来还是挺方便的,首先我们来看下ng中内置的过滤器:date。ng 过滤器有两种使用方式,分别是: ng表达式 和 控制器中使用代码调用。
1、AngularJs的controller中格式:
var dateAsString= $filter('date')(item_date, "yyyy-MM-dd hh:mm:ss");
注意: controller需要注入$filter
2、 AngularJs的views中格式:
{{item_date| date:'yyyy-MM-dd hh:mm:ss'}}
http://www.cnblogs.com/similar/p/5810304.html
6)angularJS中的缓存
一个缓存就是一个组件,它可以透明地储存数据,以便以后可以更快地服务于请求。多次重复地获取资源可能会导致数据重复,消耗时间。因此缓存适用于变化性不大的一些数据,缓存能够服务的请求越多,整体系统性能就能提升越多。
angularJS提供的内置缓存服务是一个很方便的特性,它让我们能够使用同一机制来缓存自定义的内容。
$cacheFactry简介
$cacheFactory是一个为所有angular服务生成缓存对象的服务。在内部,$cacheFactory会创建一个默认的缓存对象,即使我们并没有显示地创建。
要创建一个缓存对象,可以使用$cacheFactory通过一个ID创建一个缓存
var cache = $cacheFactory('myCache');
这里定义了一个ID为“myCache”的缓存。这个$cacheFactory方法可以接受两个参数:
1.cacheId(字符串):这个cacheId就是创建缓存时的ID名称,即上面的“myCache”。可以通过get()方法使用缓存名称来引用它。
2.options(对象):这个选项用于指定缓存如何表现。一般情况下,这个选项对象是一个键:capacity(数字),这个容量描述了在任何给定时间要使用缓存存储并保存的缓存键值对的最大数量。
$cacheFactory()方法返回一个缓存数组。
缓存对象
缓存对象自身有下列方法可以用来与缓存交互:
对象的使用方式如下(以info示例):
cache.info()
- info():info()方法返回缓存对象的ID,尺寸和选项。
- put():put()方法允许我们把任意JavaScript对象值形式的键(字符串)放进缓存中。比如cache.put(“hello”,”world”)
- get():get()方法让我们能够访问一个键对应的缓存值。如果找到了这个键,它会返回它的值,如果没哟找到,它会返回undefined。cache.get(“hello”)
- remove():remove()函数用于在找到一个键值对的情况下从缓存中移除它。如果没有找到,返回undefined。
- removeAll():removeAll()函数用于重置缓存,同时移除所有已缓存的值。
- destory():destory()方法用于从$cacheFactory缓存注册表中移除指定缓存的所有引用。
$http缓存
angularJS的$http服务创建了一个带有ID为$http的缓存。要让$http请求使用默认的缓存对象很简单:$http方法允许我们给它传递一个cache参数。
也就是说,$http缓存默认是打开的。
当数据不会经常改变时,默认的$http缓存就特别有用了。可以像这样设置它:
或者使用辅助方法.get()
现在,通过$http到URL /api/user的每个请求将会存储到默认的$http缓存中。这个$http缓存中的请求键就是完整的URL路径。
通过在$http选项中传入参数true,可以告诉$http服务使用默认的缓存。如果我们不想经常干扰那些缓存,使用默认缓存时很有用的。
7)IE6,7,8兼容问题处理
http://www.cnblogs.com/cx709452428/p/6548932.html
8)解决双大括号绑定元素时的闪烁问题
在Angular内部,可以向元素中添加ng-clock
属性来实现元素的隐藏效果:
<divng-clock>{{message}}</div>
如果是绑定纯文字的内容,建议使用ng-bind
的方式,而非双大括号:
<divng-bind="message"></div>
9
)
使用ng-repeat时的注意事项
9.1注意ng-repeat中的索引号
当需要删除使用ng-repeat指令遍历后生成的某一个DOM元素时,我们经常会调用index索引号来定位需要删除元素的内部元素编号。如果遍历数组的过程中,没有调用过滤器,那么,这种方法是有效的,但一旦添加了过滤器,这个索引号则无效,而必须调用实际的item对象。
例子:
<!DOCTYPEhtml>
<htmlng-app="a10_4">
<head><meta charset="utf-8"><title>注意ng-repeat中的索引号</title><scriptsrc="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script><style type="text/css">.frame{padding: 5px 8px;margin: 0;font-size: 12px;width: 320px;background-color: #eee;}.frame ul{margin: 0;padding: 0;list-style-type: none;}.frame ul li:first-child{font-weight: bold;font-size: 13px;}.frame ul li{height: 28px;line-height: 28px;}.frame ul li span{float: left;width: 80px;}.frame ul li span:last-child{cursor: pointer;}</style>
</head>
<body><div class="frame"><ulng-controller="c10_4"><li><span>序号</span><span>姓名</span><span>分数</span><span>操作</span></li><li ng-repeat="item initems | filter:fscore"><span>{{item.id}}</span><span>{{item.name}}</span><span>{{item.score}}</span><spanng-click="remove(item,$index)">删除</span></li></ul></div><script>var app = angular.module('a10_4',[]).controller('c10_4',function($scope){$scope.items = getStu();$scope.fscore = function(e){return e.score>60;};$scope.remove =function(item,index){console.log(item);var item2 =$scope.items[index];console.log(item2);};});function getStu(){return [{id: 1010,name:'aaaa',score: 10},{id: 1020,name:'bbbb',score: 50},{id: 1030,name:'cccc',score: 70},{id: 1040,name:'dddd',score: 90},{id: 1050,name:'eeee',score: 60}];}</script></body>
</html>
9.2使用trackby排序ng-repeat中的数据
在使用ng-repeat指令显示列表数据时,如果需要更新数据,那么页面中原有的DOM元素在更新过程中并不会被重用,而是会被删除,再重新生成与上次结构一样的元素。反复生成DOM元素对页面的加载来说,并不是一件好事,它不仅会延迟数据加载的速度,而且非常浪费页面资源。为了解决这种现象,我们在使用ng-repeat指令更新数据时,需要使用track by对数据源进行排序。
例子:
<!DOCTYPEhtml>
<htmlng-app="a10_5">
<head><meta charset="utf-8"><title>使用track by排序ng-repeat中的数据</title><scriptsrc="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script><style type="text/css">.frame{padding: 5px 8px;margin: 0;font-size: 12px;width: 320px;background-color: #eee;}.frame ul{margin: 0;padding: 0;list-style-type: none;}.frame ul li{height: 28px;line-height: 28px;}.frame ul li span{float: left;width: 50px;}</style>
</head>
<body><div ng-controller="c10_5"class="frame"><buttonng-click="update()">更新</button><ul ng-repeat="user in userstrack by user.id"><li><span>{{user.id}}</span><span>{{user.name}}</span></li></ul></div><script>var app = angular.module('a10_5',[]).controller('c10_5',function($scope){var users = [{id: 1010,name:'aaaa',score: 10},{id: 1020,name:'bbbb',score: 50},{id: 1030,name:'cccc',score: 70},{id: 1040,name: 'dddd',score:90},{id: 1050,name:'eeee',score: 60}];$scope.users = users;console.log($scope.users);$scope.update = function(){var result = [{id: 1011,name:'1111',score: 10},{id: 1022,name:'2222',score: 50},{id: 1033,name:'3333',score: 70},{id: 1044,name:'4444',score: 90},{id: 1055,name: '5555',score: 60}];$scope.users = result;console.log($scope.users);}});</script></body>
</html>
9.3正确理解ng-repeat指令中scope的继承关系
在调用ng-repeat指令显示数据时,ng-repeat在新建DOM元素时,也为每个新建的DOM元素创建了独立的scope作用域。虽然如此,他们的父级scope作用域是相同的,都是构建控制器时注入的$scope对象,调用angular.element(domElement).scope方法可以获取某个DOM元素所对应的作用域,通过某个元素的作用域又可以访问到它的父级作用域,从而修改绑定的数据源。
例子:
<!DOCTYPEhtml>
<htmlng-app="a10_6">
<head><meta charset="utf-8"><title>正确理解ng-repeat指令中scope的继承关系</title><scriptsrc="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script><style type="text/css">.frame{padding: 5px 8px;margin: 0;font-size: 12px;width: 320px;background-color: #eee;}.frame ul{margin: 0;padding: 0;list-style-type: none;}.frame ul li{height: 28px;line-height: 28px;}.frame ul li span{float: left;width: 50px;}</style>
</head>
<body><div ng-controller="c10_6"class="frame"><input type="button"value="按钮1" ng-click="change1()"><input type="button"value="按钮2" ng-click="change2()"><input type="button"value="按钮3" ng-click="change3()"><ul ng-repeat="user in userstrack by user.id"><li><spanid="spn{{user.id}}">{{user.id}}</span><spanid="spn{{user.id}}">{{user.name}}</span><spanid="spn{{user.id}}">{{user.score}}</span></li></ul></div><script>var app = angular.module('a10_6',[]).controller('c10_6',function($scope){$scope.users = [{id: 1010,name:'aaaa',score: 10},{id: 1020,name:'bbbb',score: 50},{id: 1030,name:'cccc',score: 70},{id: 1040,name:'dddd',score: 90},{id: 1050,name:'eeee',score: 60}];$scope.change1 = function(){var scope1 =angular.element(document.getElementById("spn1010")).scope();var scope2 =angular.element(document.getElementById("spn1020")).scope();console.log(scope1 ==scope2);};$scope.change2 = function(){var scope =angular.element(document.getElementById("spn1020")).scope();console.log(scope.$parent== $scope);};$scope.change3 = function(){var scope =angular.element(document.getElementById("spn1030")).scope();scope.$parent.users = [{id: 1011,name:'1111',score: 10},{id: 1022,name:'2222',score: 50},{id: 1033,name:'3333',score: 70},{id: 1044,name:'4444',score: 90},{id: 1055,name:'5555',score: 60}];};});</script></body>
</html>
10)解决单击按钮事件中的冒泡现象
与在Javascript中一样,都可以使用stopPropagation()
方法,在Angular中:
$event.stopPropagation()
例子:
<!DOCTYPEhtml>
<htmlng-app="a10_7">
<head><meta charset="utf-8"><title>解决单击按钮事件中的冒泡现象</title><scriptsrc="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script><style type="text/css">.frame{padding: 5px 8px;margin: 0;font-size: 12px;width: 320px;background-color: #eee;}.frame div{margin: 10px 0;}</style>
</head>
<body><div ng-controller="c10_7 aso" class="frame"><div ng-click="o.click('父级',$event)">在按钮的单击事件中,阻止冒泡现象<br/><input type="checkbox"ng-click="o.change($event)"ng-model="o.stopPropagation">是否阻止冒泡?<br/><br/><button type="button"ng-click="o.click('按钮',$event)">点击我</button></div></div><script>var app = angular.module('a10_7',[]).controller('c10_7',function($scope){var obj = this;obj.click =function(name,$event){console.log(name+"被触发");if(obj.stopPropagation){$event.stopPropagation();}};obj.change = function($event){$event.stopPropagation();}return obj;});</script></body>
</html>
11)、释放多余的$watch监测函数
我们知道,在angular中,数据的双向绑定是它非常强大的功能,也是它区别于其他前端框架的特征之一,而这个功能的实现离不开$watch函数。如果在移动端设备中,众多的数据双向数据绑定必然诞生大量的$watch函数执行,这些$watch函数的执行会导致页面数据加载缓慢、元素绑定方法执行效率过低等性能问题,因此,当不需要时,必须及时释放多余的$watch监测函数。
在angular中,当$watch函数被直接调用时,将返回一个释放$watch绑定的unbind函数。因此,根据这个特征,当需要释放某个多余的$watch监测函数时,只需要再次调用这个$watch函数就可以轻松地释放它的监测功能。
例子:
<!DOCTYPEhtml>
<htmlng-app="a10_8">
<head><meta charset="utf-8"><title>释放多余的$watch监测函数</title><scriptsrc="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script><style type="text/css">.frame{padding: 5px 8px;margin: 0;font-size: 12px;width: 320px;background-color: #eee;}.frame button,.frame div{margin: 5px 0;}</style>
</head>
<body><div ng-controller="c10_8"class="frame"><input type="text"ng-model="content"><div>第 {{num}}次数据变化</div><button ng-click="stopWatch()">停止监测</button></div><script>var app = angular.module('a10_8',[]).controller('c10_8',function($scope){$scope.num = 0;$scope.stopWatch = function(){contentWatch();};var contentWatch =$scope.$watch('content',function(newVal,oldVal){if(newVal === oldVal){return;}$scope.num++;});});</script></body>
</html>
12)解决ng-if中ng-model值无效的问题
在angular中,ng-if指令的功能与ng-show指令相似,都用于控制元素的显示与隐藏,但两者又有区别,ng-if指令会移除DOM原有的元素,而ng-show指令只是将元素的”display”属性值设置为”none”。因此,在使用时必须根据实际的需要进行选择性使用。
此外,与其他指令一样,ng-if指令也会创建一个子级作用域,因此,如果在ng-if指令中添加了元素,并向元素属性增加ng-model指令,那么ng-model指令对应的作用域属于子级作用域,而并非控制器注入的$scope作用域对象,这点在进行双向数据绑定时,需要引起注意。
例子:
<!DOCTYPEhtml>
<htmlng-app="a10_9">
<head>
<meta charset="utf-8">
<title>解决ng-if中ng-model值无效的问题</title>
<scriptsrc="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<style type="text/css">
.frame{
padding: 5px 8px;
margin: 0;
font-size: 12px;
width: 320px;
background-color: #eee;
}
.frame button,.frame div{
margin: 5px 0;
}
</style>
</head>
<body>
<div ng-controller="c10_9"class="frame">
<div>
a的值:{{a}}<br/>
b的值:{{b}}
</div>
<div>
普通方式:<inputtype="checkbox" ng-model="a">
</div>
<div ng-if="!a">
ngIf方式:<inputtype="checkbox" ng-model="$parent.b">
</div>
</div>
<script>
var app = angular.module('a10_9',[])
.controller('c10_9',function($scope){
$scope.a = false;
$scope.b = false;
});
</script>
</body>
</html>
13)AngularJS中$http.post问题
AngularJSpost跟jQuerypost完全两回事,会在Javagetparamname函数取不到值。可以发现传参方式是request payload,参数格式是json,而并非用的是form传参,所以在后台用接收form数据的方式接收参数就接收不到了。
POST表单请求提交时,使用的Content-Type是application/x-www-form-urlencoded,而使用原生AJAX的POST请求如果不指定请求头RequestHeader,默认使用的Content-Type是text/plain;charset=UTF-8,而angularjs的http.post默认的Content-Type是:application/json,
解决方法是指定
Content-Type为表单请求样式。实例代码:
//要通过post传递的参数
vardata = {
pageindex: 1,
pagesize: 8,
},
//post请求的地址
url= "/admin/KeyValue/GetListByPage",
//将参数传递的方式改成form
postCfg= {
headers: { 'Content-Type':'application/x-www-form-urlencoded;charset=utf-8' },
transformRequest: function (data) {
return $.param(data);
}
};
//发送post请求,获取数据
$http.post(url,data, postCfg)
.success(function (response) {
alert("hello");
});
14)angular加载多个页面
一般angular单个页面只能加载一个ng-app,一个页面会自动加载第一个ng-app,其它ng-app不会被加载。如果想加载多个ng-app就需要使用angular.bootstrap去手工加载后面的ng-app。
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- ECharts教程
ECharts 入门教程ECharts是由百度团队开发的,可高度个性化定制的数据可视化图表库。它的底层依赖轻量级的Canvas类库ZRender,是一个纯JavaScript的图标库,兼容(IE8/9/10/11,Chrome,Firefox,Safari等)主流浏览器,可以运行在PC和移动设备上。详细案例请参照:echarts.ba…...
2024/4/21 3:39:37 - 你想了解的前端知识都在这里了
前端开发全面知识库,包括HTML5,CSS3和js的基本框架知识,以及DOM和BOM操作的基础知识和一些基本工具和IDE。学习本篇,你将了解到以下知识。 核心 Core HTML5 W3C http://www.w3school.com.cn/html5/ W3C https://www.w3.org/htm…...
2024/4/21 3:39:36 - require.js模块加载工具
目录 〇、requirejs基础 一、为什么要用require.js? 二、require.js的加载 三、主模块的写法 四、模块的加载 五、AMD模块的写法 六、加载非规范的模块 七、require.js插件 〇、requirejs基础 一:什么是require.js ①:require.js是一个js脚本加…...
2024/4/21 3:39:36 - 252个前端与移动开发面试题汇总
学习前端的朋友有福啦,下面总共252个前端的面试题汇总,文章由长沙黑马程序员老师整理提供 一、HTML和CSS1、你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?2、每个HTML文件里开头都有个很重要的东西,Doctype…...
2024/4/21 3:39:35 - {{angular.js 使用技巧}} - 基于验证框架的扩展(w5cValidator)
开场白: angular.js 是谷歌出的前端js MV*框架,我也是今年做 worktile 的时候才开始接触的,起初技术选型的时候还准备使用 backbone(毕竟很多大公司在使用他,而且也是比较早的提出前端MVC的框架)࿰…...
2024/4/21 3:39:34 - ionic 中的折线图与柱状图
转自 github : https://github.com/anilkumar007/Charts 效果图: 折线图 柱状图 插件组成: js: ng-cordova.min.jsChart.min.js angular-chart.min.js css: angular-chart.css 使用方法:…...
2024/4/21 3:39:33 - Yeoman官方教程:用Yeoman和AngularJS做Web应用
本文由 伯乐在线 - kmokidd 翻译。未经许可,禁止转载!英文出处:Yeoman。欢迎加入翻译组。预计完成时间:60分钟 在这期的Code Lab中,你将会使用Yeoman和AngularJS搭建一个功能完整的应用,示例应用将会简短地…...
2024/4/20 12:01:31 - Vue与React两个框架的区别对比
简单介绍 React--Facebook创建的JavaScript UI框架。它支撑着包括Instagram在内的大多数Facebook网站。React与当时流行的jQuery,Backbone.js和Angular 1等框架不同,它的诞生改变了JavaScript的世界。其中最大的变化是React推广了Virtual DOM(虚拟DOM&a…...
2024/4/21 3:39:30 - angular页面加载时不闪现{{}}
原: <div ng-controller"HelloAngular"> <p>{{greeting.text}},Angular</p></div> 改: <div ng-controller"HelloAngular"> <p><span ng-bind"greeting.te…...
2024/4/28 6:37:16 - angular 使用[innerHTML]在页面中显示html文本
在ts文件模拟一个html文本: import { Component, OnInit } from angular/core; Component({selector: app-inner-html,templateUrl: ./inner-html.component.html,styleUrls: [./inner-html.component.css] }) export class InnerHtmlComponent implements OnInit {constructor…...
2024/4/28 6:43:54 - angular4 页面参数获取
问题描述 我使用angular2.0.0-beta.7。当组件在像”/path?queryvalue1″这样的路径上加载时,它被重定向到”/path”。为什么删除了GET参数?如何保留参数? 路由器出现错误。如果我有一条主路线 RouteConfig([ { path: ‘/todos/...‘, name: …...
2024/4/21 3:39:27 - 用angular把页面中的元素按照页面分离开
把一个子页面中大量的元素分离到另外一个页面中。 <!DOCTYPE html> <html><head><meta charset"UTF-8"><title></title><script src"day2/src/angular.js"></script><style type"text/css"&…...
2024/4/20 20:03:20 - angular 数据加载完毕执行js方法
自定义了一条指令: //on-finish-render"ngRepeatFinished" load js after render datas UserManagerApp.directive(onFinishRender, function ($timeout) {return {restrict: A,link: function (scope, element, attr) {if (scope.$last true) {$timeou…...
2024/4/28 4:13:29 - Angular4+ 页面切换 显示进度条
使用ngx-progressbar 插件可以通过简单几句代码实现loading加载效果。 npm install ngx-progressbar --save 在app.module.ts文件中,我们需要引用NgProgressModule,然后添加到NgModule的imports中。在公共页面添加标签ng-progress,默认效果是红色。想要修…...
2024/4/28 5:01:30 - angular自定义添加单页面loading动画
html页面添加loading动画 //引用css插件loaders.css <div class"mask-loading" ng-show"loading"><div class"loading-content"><div class"la-ball-spin-clockwise la-2x"><div></div><div>&l…...
2024/4/20 20:03:17 - html页面初始化加载数据,Angular路由加载视图后,如何实现立即初始化请求数据?...
HTML代码(home.html)JS代码//配置主页的路由mainApp.config(function($stateProvider, $urlRouterProvider) {//默认指向404$urlRouterProvider.otherwise("/404");//配置路由$stateProvider.state(home, {url: /home,templateUrl: home.html,controller : function(…...
2024/4/21 3:39:28 - angular 局域网访问 angular 预加载功能
angular 局域网访问 本地项目 想让其他同局域网的同事访问 可以通过以下代码来实现 如果 你平时启动项目 用 ng serve 那只需变更为 ng serve --host xxx.xxx.xxx.xxx (xxx 为本地ip) 若果你是用 ng start 则如图所示 angular 预加载功能 在routing-module.ts文件中 引入 …...
2024/4/21 3:39:25 - angular6增加登录界面
一、首先建立一个登录页面login 然后把初始加载页面app.component.html内容改成<router-outlet></router-outlet>,意思是用子路由进行加载页面, 通过设置路由地址来进行默认加载和跳转,要在app-routing.module.ts里面配置路由 . //默认跳转…...
2024/4/21 3:39:20 - 如何在页面加载时执行AngularJS控制器功能?
本文翻译自:How to execute AngularJS controller function on page load?Currently I have an Angular.js page that allows searching and displays results. 目前我有一个Angular.js页面,允许搜索和显示结果。 User clicks on a search result, then…...
2024/4/21 3:39:19 - #angularTS# 点击button自动刷新页面
点击type“submit”的button会自动刷新页面 问题可能出在以下方面: 1.button写在了label内 2.HTML中formGroup名称与ts中不一致导致无法识别 以下给出正确示范 TS文档中: 第一步:定义 FormGroup searchOrgForm new FormGroup({name: new FormControl…...
2024/4/21 3:39:18
最新文章
- 【软件安装】(十六)双系统Ubuntu22.04引导启动菜单的默认项
一个愿意伫立在巨人肩膀上的农民...... 好学的人总是喜欢在电脑上安装双系统,可是安装好系统之后,就会出现默认启动优先级的苦恼,如果在Bios中设置Windows引导启动为优先启动,那么每次想要进如Ubuntu系统就都需要重新设置Bios。如…...
2024/4/28 10:03:28 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - 大数据行业英语单词巩固20240410
20240410 Communication - 沟通 Example: Effective communication is essential for project success. 有效的沟通对于项目的成功至关重要。 Collaboration - 协作 Example: Team collaboration is crucial in achieving our goals. 团队协作对于实现我们的目标至关重要。 …...
2024/4/20 7:07:50 - 《前端防坑》- JS基础 - 你觉得typeof nullValue === null 么?
问题 JS原始类型有6种Undefined, Null, Number, String, Boolean, Symbol共6种。 在对原始类型使用typeof进行判断时, typeof stringValue string typeof numberValue number 如果一个变量(nullValue)的值为null,那么typeof nullValue "?" const u …...
2024/4/28 3:06:37 - Spring集成MyBatis
基本准备 创建Dynamic Web Project 引入相关jar包 Spring框架相关jar包 MyBatis连接Spring相关jar包 连接MySQL驱动包 JSTL标签库包 添加db.properties文件,该属性文件配置连接数据库相关信息 drivercom.mysql.jdbc.Driver urljdbc:mysql://localhost:3306/myba…...
2024/4/23 6:22:22 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/4/26 18:09:39 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/4/28 3:28:32 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/4/26 23:05:52 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/4/27 4:00:35 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/4/27 17:58:04 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/4/27 14:22:49 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/4/28 1:28:33 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/4/27 9:01:45 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/4/27 17:59:30 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/4/25 18:39:16 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/4/28 1:34:08 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/4/26 19:03:37 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/4/28 1:22:35 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/4/25 18:39:14 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/4/26 23:04:58 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/4/27 23:24:42 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/4/28 5:48:52 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/4/26 19:46:12 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/4/27 11:43:08 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/4/27 8:32:30 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57