Angular directive 实例详解
准备代码,会在实例中用到
var app = angular.module('app', []);
angular指令定义大致如下
app.directive('directiveName', function() {return {// config}
})
其中return返回的配置对象包含很多参数,如下一一说明。
1. restrict
值为字符串,可选参数,指明指令在DOM中以什么形式被声明
<!-- E (element) -->
<directiveName></directiveName><!-- A (attribute) -->
<div directiveName="expression"></div><!-- C (class) -->
<div class="directiveName"></div><!-- M(comment) -->
<!--directive:directiveName expression-->
默认值为restrict: 'EA'
,表示可以在DOM里面可以用元素形式和属性形式被声明。一般来说,如果你想创建一个自己模板的组件时,则使用元素形式,但是仅仅是为已有元素添加功能的话,就使用属性名。
如果想要支持IE8,则最好使用属性和类形式来定义,另外从angular 1.3.X开始,已经放弃支持IE8了。
2. priority
数字,可选参数,致命指令的优先级,若在单个DOM元素上有多个指令,则优先级高的先执行。
当然,设置指令的优先级不太常用,但是比较特殊的例子是,内置指令ng-repeat的优先级为1000,而ng-init的优先级为 450。
3. terminal
布尔型,可选参数,可以被设置为true或者false,若设置为true,则优先级低于此指令的其他指令则无效,不会被调用优先级相同任然会执行。
4. template
字符串或者函数,可选参数。
可以是一段html文本
app.directive('hello', function() {return {template: '<div><h3>Hello, world!</h3></div>'}
})
使用如下
<hello></hello>
渲染结果为
<hello><div><h3>Hello, world!</h3></div>
</hello>
也可以是一个函数,可接受两个参数Element与Attrs
其中Element是指使用此指令的元素,而Attrs则是实例的属性,它是由一个元素上所有属性组成的集合,形如
{title: 'test',id: 'testDiv',class: 'demo',input: 'text',...
}
下面让我们看看template是一个函数时的情况
app.directive('hello', function() {return {template: function(element, attrs) {return '<div>'+ attrs.title +'</div>'}};
});
html代码
<hello title="message"></hello>
渲染结果
<hello><div>message</div>
</hello>
实例地址
5. replace
布尔型,默认值为false,设置为true的时候,表示可以用模板内容替换自定义的元素标签。
在template的例子中,我们发现渲染结果中包含有自定义的元素<hello></hello>
,很显然,这并不是我们想要的渲染结果,因此将replace设置为true之后,hello标签将会消失
app.directive('hello', function() {return {replace: true,template: function(element, attrs) {return '<div>'+ attrs.title +'</div>'}};
});
渲染结果如下,hello标签消失不见
<div>message</div>
6. templateUrl
字符串或者函数,可选参数
可以使一个代表html文件路径的字符串,也可以是一个函数,大致意思与template一样。
在本地开发时,需要运行一个服务器,不然使用templateUrl会报错
Cross origin request script(cors)
由于加载html模板是通过异步加载,若加载大量的模板会拖慢网站的速度,这里有一个技巧,就是先缓存模板,你可以先在你的index页面加载好,将下列代码作为你页面的一部分包含在内
<script type="text/ng-template" id="demo.html"><div><!--这里是模板内容--></div>
</script>
这里的id属性就是被设置在templateUrl上用的
另外一种方法缓存如下
app.run(function($templateCache) {$templateCache.put('template.html', '<div>template</div>');
})
7. scope
布尔值或者对象,可选参数,默认值为false,表示继承父级作用域。
如果值为true,表示继承父作用域,并创建自己的作用域(子作用域)
如果为对象,{}
,则表示创建一个全新的隔离作用域。
首先我们需要来了解一下scope的继承机制。我们使用ng-controller这个指令来举例。我们都知道ng-controller可以从父作用域中继承并创建一个新的子作用域。如下:
<div ng-app="app" ng-init="aaa='parent'">parentNode: {{aaa}}<div ng-controller="demoController">childrenNode: {{aaa}}</div>
</div>
angular.module('app', [])
.controller('demoController', function($scope) {$scope.aaa = "children";
})
实例地址
这时页面的显示结果为
parentNode: parent
childrenNode: children
当时当我们并没有在demoController的作用域中给aaa赋值,也就是在上例中删除这一句$scope.aaa = "children";
,那么执行结果就为
parentNode: parent
childrenNode: parent
注意:如果一个元素上有多个指令都使用了隔离作用域,那么只有其中一个可以生效,只有指令模板中的根元素才能获得一个新的作用域,这时候,scope就被设置为true了。
<div ng-app="app" ng-init="aaa='parent'">parentNode: {{aaa}}<div ng-controller="demoController01">childrenNode: {{aaa}}<div ng-controller="demoController02">lastNode: {{aaa}}</div></div>
</div>
angular.module('app', [])
.controller('demoController01', function($scope) {$scope.aaa = "children";
})
.controller('demoController02', function($scope) {$scope.aaa = "last"
})
实例地址
接下来,我们通过一个简单明了的例子来说明scope取值的不同差别
<div ng-app="app" ng-controller="mainController">parent: {{ name }} <br /><input type="text" ng-model="name" /><div my-directive></div>
</div>
angular.module('app', [])
.controller('mainController', function($scope) {$scope.name = "Jake";
})
.directive('myDirective', function() {return {restrict: 'EA',scope: false,replace: true,template: '' +'<div>' +'childNode: {{ name }} ' +'<br />' +'<input type="text" ng-model="name">' +'</div>'}
})
实例地址
点击上面的实例地址,我们可以依次改变scope的值为false, true, {},结果发现
- false:儿子继承父亲的值,改变父亲的值,儿子的值也随着改变,反之亦然,这就是继承且不隔离
- true:儿子继承父亲的值,改变父亲的值,儿子的值也随着改变,但是改变儿子的值,父亲的值并没有改变,这就是继承但是隔离
- {}:没有继承父亲的值,所以儿子的值为空,改变任何一方的值都不会影响另一方,这就是不继承且隔离
当想要创建一个可重用的组件时,隔离作用域是一个很好的选择,通过隔离作用域,我们可以确保指令是独立的,并且可以轻松的插入到任何HTML APP中,并且这种做法防止了父作用域被污染。
隔离作用域可以通过绑定策略来访问父作用域的属性
我们来看一个例子
<div ng-app="app" ng-controller="mainController"><input type="text" ng-model="color" placeholder="Enter a color"/><hello-world></hello-world>
</div>
angular.module('app', [])
.controller('mainController', function($scope) {
})
.directive('helloWorld', function() {return {restrict: 'EA',scope: false,replace: true,template: '<p style="background-color:{{color}}">Hello world!</p>'}
})
运行上面的代码,我们在input中输入颜色值,比如red,那么hello world一行的背景就会变成红色。动手试试!
实例地址
但是,当我们将scope的值设置为{}时,再次运行代码就发现页面并不能成功的完整显示了.这是因为{}让helloWorld指令产生了隔离作用域,没办法从父级作用域中继承到color的值了。
所以在template中的{{color}}变成了依赖于自己的作用域,而不是依赖于父级作用域。因此我们需要一些办法来让隔离作用域能够读取父级作用域的属性,这个方法就是绑定策略。
下面我们来探索设置这种绑定策略的几种方法
方法一 使用@来进行单向文本(字符串)绑定
<div ng-app="app" ng-controller="mainController"><input type="text" ng-model="color" placeholder="Enter a color"/><hello-world color-attr="{{color}}"></hello-world>
</div>
angular.module('app', [])
.controller('mainController', function($scope) {
})
.directive('helloWorld', function() {return {restrict: 'EA',scope: {color: '@colorAttr'},replace: true,template: '<p style="background-color:{{color}}">Hello world!</p>'}
})
实例地址
这种办法只能单向,通过在运行的指令DOM上设置color-attr
属性,并且采用{{}}绑定某个模型值。当然,我们也可以直接在这里绑定字符串的颜色值,如color-attr="red"
因此当表达式的值发生变化时,属性color-attr的值也会发生变化,通过单向绑定该值,就可以改变隔离作用域中的属性color.
如果绑定的隔离作用域属性名与元素的属性名相同,则可以采用缺省写法
// html <hello-world color="{{color}}"></hello-world>// js app.directive('helloWorld', function() {return {scope: { color: '@' },...} })
方法二、使用'='进行双向绑定
<div ng-app="app" ng-controller="mainController"><input type="text" ng-model="color" placeholder="Enter a color"/><br />{{ color }}<!-- 这里要注意写法与@绑定的不同 --><hello-world color="color"></hello-world>
</div>
angular.module('app', [])
.controller('mainController', function($scope) {$scope.color = 'red';
})
.directive('helloWorld', function() {return {restrict: 'EA',scope: {color: '='},replace: true,template: '<div><p style="background-color:{{color}}">' +'Hello world!' +'</p>' + '<input type="text" ng-model="color"></div>'}
})
实例地址
此处也采用了类似的缺省写法。
这里需要注意的是,我们要直接在指令元素设置属性时,是直接将实际的作用域模型复制给该属性
这样一个双向绑定被建立了,改变任何一个input值都会改变另外一个值。
方法三、使用'&'调用父作用域中的函数
<div ng-app="app" ng-controller="mainController"><input type="text" ng-model="name" placeholder="Enter name"/><br />{{ name }}<hello-world say="say()" name="{{name}}"></hello-world>
</div>
angular.module('app', [])
.controller('mainController', function($scope) {$scope.name = "yangbo";$scope.say = function() {alert('hello!');}
})
.directive('helloWorld', function() {return {restrict: 'EA',scope: {name: '@',say: '&'},replace: true,template: '<button type="button" ng-bind="name" ng-init="say()"></button>'}
})
实例地址
同样采用了缺省写法,运行之后,弹出窗口!
8. transclude
布尔值或者字符element
,默认值为false
这个配置选项可以让我们提取包含在指令那个元素里面的内容,再将它放置在指令模板的特定位置。当我们开启transclude之后,我们就可以使用ng-transclude来指明应该在什么地方放置transclude的内容
<div ng-app="app" ng-controller="mainController"><div class="a"><p>china</p><hello-world>{{name}}</hello-world></div>
</div>
angular.module('app', [])
.controller('mainController', function($scope) {$scope.name = "yangbo5207";
})
.directive('helloWorld', function() {return {restrict: 'EA',scope: {},replace: true,transclude: true,template: '<div class="b"><div ng-transclude>你看不见我</div></div>'}
})
运行上面的代码,输出
china
yangbo5207
我们查看渲染出来的html,结果为
<div ng-app="app" ng-controller="mainController" class="ng-scope"><div class="a"><p>china</p><div class="b ng-isolate-scope"><div ng-transclude=""><span class="ng-binding ng-scope">yangbo5207</span></div></div></div>
</div>
另外当开启transclude时,会创建一个新的transclude空间,并且继承父作用域(也就是scope设置的隔离作用域)
从上面例子我们知道,当transclude的值被设置为true时,嵌入的内容为{{name}},但是如果将它的值设置为element
呢,我们可以在上例的基础上进行一个简单的修改,发现,嵌入内容为整个元素
<hello-world>{{name}}</hello-world>
查看渲染结果
<div ng-app="app" ng-controller="mainController" class="ng-scope"><div class="a"><p>china</p><div class="b ng-isolate-scope"><div ng-transclude=""><hello-world class="ng-binding ng-scope">yangbo5207</hello-world></div></div></div>
</div>
注意:在一个指令的模板中,只能声明一次ng-transclude
那么问题来了,如果我们想要把嵌入内容多次放入我们的模板中怎么办?
可以使用$transclude,后面会讲到!也可以使用complie函数中,里面的transcludeFn参数,后面会讲到!或者使用link连接函数
9. controller
可以是一个字符串或者函数。
若为字符串,则将字符串当做控制器的名字,来查找注册在应用中的控制器的构造函数
angular.module('app', [])
.directive('myDirective', function() {return {restrict: 'EA',replace: true,transclude: true,// 会查找模块中其他被名为targetController的控制器controller: 'targetController'}
})
.controller('targetController', function($scope, $element, $attrs, $transclude) {// 控制器逻辑放在这里
})
当然,也可以直接在指令内部定义为匿名函数,同样可以注入任何服务
angular.module('app', [])
.directive('myDirective', function() {return {restrict: 'EA',replace: true,transclude: true,controller: function($scope, $element, $attrs, $transclude) {// 控制器逻辑}}
})
另外还有一些特殊的服务可以注入,
- $scope 与指令元素相关联的作用域
- $element 当前指令对应的元素
- $attrs 当前元素的属性组成的对象
- $transclude 嵌入链接函数,实际被执行用来克隆元素和操作DOM中的函数(除非是用来定义一些可复用的行为,否则一般不推荐在这使用)
指令的控制器和link函数(后面会讲到)可以进行互换。区别在于,控制器主要用来提供可在指令间复用的行为,可对外提供与外部交互的接口,但是link链接只能在当前指令内部中定义行为,且无法在指令间复用。
<div ng-app="app"><div test-directive="dateType" url="http://www.tigerbrokers.com">外面的世界很精彩。</div>
</div>
angular.module('app', [])
.directive('testDirective', function() {return {transclude: true,replace: true,controller: function($scope, $element, $attrs, $transclude, $log) {$transclude(function(clone) {var a = angular.element('<a>');a.attr('href', $attrs.url);a.text(clone.text());$element.append(a);});}}
})
实例地址
$transclude 可以接受两个参数,第一个是$scope,第二个是才有参数clone的回调函数。
而这个clone实际上就是嵌入的内容。可以在根据它做很多DOM操作。
它还有最简单的用法
angular.module('app', [])
.directive('testDirective', function() {return {transclude: true,replace: true,controller: function($scope, $element, $attrs, $transclude, $log) {// 这里的$transclude就是嵌入的内容var a = $transclude();$element.append(a);}}
})
但是我们要注意,使用$transclude会生成一个新的作用域。默认情况下,如果我们简单使用$transclude(),那么其作用域就是$transclude 生成的作用域。但是如果我们使用$transclude($scope, function(clone) {}),那么作用域就是directive的作用域了。
当然问题又来了,如果我们想使用父级作用域呢?
$scope.$parent
<div ng-app="app" ng-controller="parentController"><div ng-controller="sonController"><test-directive url="http://www.tigerbrokers.com">炒美股,上老虎2</test-directive></div>
</div>
angular.module('app', [])
.controller('parentController', function($scope) {$scope.title = "PARENT TIGER";
}).controller('sonController', function($scope) {$scope.title = "CHILDREN TIGER";
}).directive('testDirective', function() {return {transclude: true,replace: true,controller: function($scope, $element, $attrs, $transclude, $log) {var a = $transclude();$element.append(a);$log.info($scope.title);$log.info($scope.$parent.title);}}
})
实例地址
10. controllerAs
angualr 1.2之后,就已经开始支持controllerAs的语法,这样我们就可以不用将属性和方法挂载到$scope上,而是this上。
<div ng-app="app" ng-controller="demoController as demo">{{ demo.name }}</div>
angular.module('app', [])
.controller('demoController', function() {this.name = "Jake";
})
实例地址
我们可以从实例中看出,这里的this就是指的as后面的那个别名。然后我们在表达式中就可以使用这个别名
我们知道,在directive中的controller,主要职能是对外提供交互接口,而结合require与link,因此我们常常会利用这样的语法而非上面例子中的$scope
app.directive('testDirective', function() {return {controller: function() {this.name = "Jake";}}
})
11. require
字符串或者数组,字符串代表另一个指令的名字,它将作为link函数的第四个参数。具体用法我们可以举例子来说明。
假设现在我们要编写两个指令,两个指令的link函数中存在许多重合的方法,这时候我们就可以将这些重复的方法写在第三个指令的controller中,然后在这两个指令中,使用require将第三个指令引入进来,然后我们就可以通过link连接函数的第四个参数引用这些重合的方法了
指令之间常常通过这种方式进行交互
<div ng-app="expanderModule" ng-controller="SomeController" class="wrap"><accordion><expander class='expander' ng-repeat='expander in expanders' expander-title='expander.title'>{{expander.text}}</expander></accordion>
</div>
var expModule=angular.module('expanderModule',[])
expModule.directive('accordion', function() {return {restrict : 'EA',replace : true,transclude : true,template : '<div ng-transclude></div>',controller : function() {var expanders = [];this.gotOpened = function(selectedExpander) {angular.forEach(expanders, function(expander) {if (selectedExpander != expander) {expander.showMe = false;}});}this.addExpander = function(expander) {expanders.push(expander);}}}
});expModule.directive('expander', function() {return {restrict : 'EA',replace : true,transclude : true,require : '^?accordion',scope : {title : '=expanderTitle'},template : '<div>'+ '<div class="title" ng-click="toggle()">{{title}}</div>'+ '<div class="body" ng-show="showMe" ng-transclude></div>'+ '</div>',link : function(scope, element, attrs, accordionController) {scope.showMe = false;accordionController.addExpander(scope);scope.toggle = function toggle() {scope.showMe = !scope.showMe;accordionController.gotOpened(scope);}}}
});expModule.controller("SomeController",function($scope) {$scope.expanders = [{title : 'Click me to expand',text : 'Hi there folks, I am the content that was hidden but is now shown.'}, {title : 'Click this',text : 'I am even better text than you have seen previously'}, {title : 'Test',text : 'test'}];
});
实例地址
实例说明,controller是用来与不同指令之间通信的。
另外我们可以在require的参数值加上下面的某个前缀,这回改变查找控制器的行为。
- 没有前缀 指令会在自身提供的控制器中进行查找,如果找不到任何控制器,则会抛出一个error
- ? 若在当前指令中没有找到所需的控制器,则会将null传给link链接函数的第四个参数
- ^ 如果在当前的指令中没有找到所需的控制器,则会查找父元素的控制器
- ?^ 如果在当前和父元素中都没有找到控制器,则会将null传给link
12. angular指令编译过程
首先加载angular库,查找ng-app指令,从而找到应用的边界,根据ng-app划定的作用域来调用$compile服务进行编译。
angular会遍历整个html文档,并根据js中指令的定义来处理在页面上声明的各个指令,按照指令的优先级排列,根据指令中的配置参数(template, replace, transclude等)转换DOM,然后就开始按照顺序执行各指令的compile函数(如果指令上有定义compile函数)对模板自身进行转换。
此处的compile函数值什么指令中配置的,与上面说的$compile服务不一样
每个compile函数执行完后会返回一个link函数,所有的link函数会合成一个大的link函数,然后这个大的link函数就会被执行, 主要做数据绑定,通过 DOM上注册监听器来动态修改scope中的数据,或者是使用$watchs监听scope中变量来修改DOM,从而建立双向绑定等等。
若我们的指令中没有配置compile函数,那我们配置的link函数就会运行,她做的事情大致跟上面compile返回之后所有的link合成的大link函数差不多。
所以,在指令中compile与link选项是互斥的,如果同时设置了这两项,那么就会把compile所返回的函数当做是链接函数,而link选项本身会被忽略。
13. compile编译函数与link链接函数
cmopile选项可以返回一个对象或者函数,在这里我们可以在指令和实时数据被放到DOM之前进行DOM操作,比如我们可以在这里进行添加或者删除节点的DOM操作。
所以编译函数是负责对模板的DOM进行转换,并且仅仅只会运行一次
//compile函数的语法
compile:function compile(tElement,tAttrs,transclude){return{pre:function preLink(scope,iElement,iAttrs,controller){},post:function postLink(scope,iElement,iAttrs,controller){}}}
对于我们编写的大部分指令来说,并不需要对模板进行转换,所以大部分情况只需要编写link函数就行。
preLink函数会在编译阶段之后,指令链接到子元素之前执行,类似的,postLink会在指令链接到子元素之后执行。这意味着,为了不破坏绑定过程,如果你需要修改DOM结构,你应该在postLink函数中来做这件事情。
link函数负责将作用域与DOM进行链接
//link链接函数
link:function postLink(scope,iElement,iAttrs){}
若指令中定义有require选项,则link函数会有第四个参数,代表控制器或者所依赖的指令的控制器(上面require选项例子已有例子)
内容都真够多的,终于整理完了,今天写了两篇文章,感觉好累!如果大家觉得文章对你有帮助,求赞求收藏。
许多内容都是从不同的网站上整理而来,每一个实例都是自己运行过后保存在codepen上,大家可以结合codepen的例子结合理解文章内容,本文属于收集文,非原创,但绝对干货!值!得!一!赞!与收藏。
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- 哈尔滨拉双眼皮 艺星专
...
2024/4/20 19:35:05 - angular常见指令之ng-switch应用
2019独角兽企业重金招聘Python工程师标准>>> #与其他语言 switch case对比 switch -->ng-switch --选择变量case->ng-switch-when --选择匹配的值示例如下: <body ng-app"myApp" ng-controller"demoCtrl"><!--匹配上…...
2024/4/20 19:34:44 - 双眼皮消肿要热敷多久
...
2024/4/20 19:34:44 - 昆明双眼皮艺星痊
...
2024/4/19 22:15:57 - 开眼角双眼皮恢复图片
...
2024/4/20 19:34:41 - 双眼皮开眼角增生严重 会消退吗
...
2024/4/20 19:31:21 - 做双眼皮会改变命运吗
...
2024/4/20 19:31:19 - 内双的怎么开刘金华做的双眼皮事例
...
2024/4/20 19:31:18 - 割双眼皮注意哪些事项
...
2024/4/20 19:31:17 - 伊美尔北京韩式双眼皮整形医院哪最好
...
2024/4/20 19:34:40 - angularjs携带cookie跨域请求
B.com下的前端跨域访问A.com下的服务: 客户端: return $http.get(http://A.com:8070/micro/sql/run/id?sqlsql, {withCredentials: true}); withCredentials :true; 服务端: res.setHeader("Access-Control-Allow-Origin", "http://B.com:8090");res.s…...
2024/5/5 6:45:58 - 拉线增大上海双眼皮北京
...
2024/4/20 19:34:39 - 双眼皮手术有哪几种
...
2024/5/5 4:15:57 - angular框架跨域问题 的 proxy.config.json 文件配置代理,进行跨域访问
配置代理 {"/api": {"target": "http://127.0.0.1:8081"} } 在package.json 中更改scripts 下面的start 命令 然后新建文件proxy.conf.json, {"/api": {"target": "http://127.0.0.1:8081"} } ang…...
2024/4/20 19:34:36 - angular4跨域问题的解决方法--nginx的安装以及配置
1. 官网下载地址:https://nginx.org/en/download.html,如图所示 2. 下载完成后把压缩包解压到本地电脑的相应文件夹下,不用安装,解压目录如下: 3. 启动nginx命令:打开电脑运行界面 cmd,进入到…...
2024/4/20 19:34:35 - 激光割杭州割双眼皮贴怎么剪
...
2024/4/20 19:34:36 - 北京北京医院生态北京双眼皮整形
...
2024/4/20 19:34:33 - 吸雕做双眼皮的后遗症
...
2024/4/20 19:34:32 - 激光不开刀的北京做割双眼皮照片
...
2024/4/20 19:34:31 - 双眼皮培训
...
2024/4/20 19:34:30
最新文章
- php中常用的数据类型汇总
在 PHP 中,常用的数据类型主要有以下几种: 标量类型(Scalar Types) integer(整型):用于存储整数,可以是正数或负数。float(浮点型/双精度型):用于…...
2024/5/5 9:13:31 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - 巨控科技新品发布:全方位升级,引领智能控制新纪元
标签: #巨控科技 #智能控制 #新品发布 #GRM560 #OPC560 #NET400 在智能控制领域,巨控科技始终以其前沿技术和创新产品引领着市场的潮流。近日,巨控科技再次以其行业领先的研发实力,推出了三大系列的新产品,旨在为各行各业提供更…...
2024/5/1 13:03:39 - [网鼎杯 2020 朱雀组]Nmap1
打开题目 在源代码中看到了提示 先随便输入127.0.0.1 那我们试试输入 127.0.0.1 | ls 可以看到 | 被转义符号\所转义 那我们输入 127.0.0.1 /| ls 得到三条反斜线 我们猜测,我们输入的东西是被escapeshellarg和escapeshellcmd处理过后的结果 我们输入的东西必须…...
2024/5/5 8:39:50 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/5/4 23:54:56 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/5/4 23:54:56 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/5/4 23:54:56 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/5/4 23:55:17 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/5/4 23:54:56 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/5/4 23:55:05 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/5/4 23:54:56 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/5/4 23:55:16 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/5/4 23:54:56 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/5/4 18:20:48 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/5/4 23:54:56 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/5/4 23:55:17 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/5/4 23:55:06 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/5/4 23:54:56 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/5/4 23:55:06 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/5/5 8:13:33 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/5/4 23:55:16 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/5/4 23:54:58 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/5/4 23:55:01 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/5/4 23:54:56 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下: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