[译] 别再对 Angular 表单的 ControlValueAccessor 感到迷惑
原文链接:Never again be confused when implementing ControlValueAccessor in Angular forms
如果你正在做一个复杂项目,必然会需要自定义表单控件,这个控件主要需要实现 ControlValueAccessor
接口(译者注:该接口定义方法可参考 API 文档说明,也可参考 Angular 源码定义)。网上有大量文章描述如何实现这个接口,但很少说到它在 Angular 表单架构里扮演什么角色,如果你不仅仅想知道如何实现,还想知道为什么这样实现,那本文正合你的胃口。
首先我解释下为啥需要 ControlValueAccessor
接口以及它在 Angular 中是如何使用的。然后我将展示如何封装第三方组件作为 Angular 组件,以及如何使用输入输出机制实现组件间通信(译者注:Angular 组件间通信输入输出机制可参考 官网文档),最后将展示如何使用 ControlValueAccessor
来实现一种针对 Angular 表单新的数据通信机制。
FormControl 和 ControlValueAccessor
如果你之前使用过 Angular 表单,你可能会熟悉 FormControl ,Angular 官方文档将它描述为追踪单个表单控件值和有效性的实体对象。需要明白,不管你使用模板驱动还是响应式表单(译者注:即模型驱动),FormControl
都总会被创建。如果你使用响应式表单,你需要显式创建 FormControl
对象,并使用 formControl
或 formControlName
指令来绑定原生控件;如果你使用模板驱动方法,FormControl
对象会被 NgModel
指令隐式创建(译者注:可查看 Angular 源码 这一行):
@Directive({selector: '[ngModel]...',...
})
export class NgModel ... {_control = new FormControl(); <---------------- here
复制代码
不管 formControl
是隐式还是显式创建,都必须和原生 DOM 表单控件如 input,textarea
进行交互,并且很有可能需要自定义一个表单控件作为 Angular 组件而不是使用原生表单控件,而通常自定义表单控件会封装一个使用纯 JS 写的控件如 jQuery UI's Slider
。本文我将使用原生表单控件术语来区分 Angular 特定的 formControl
和你在 html
使用的表单控件,但你需要知道任何一个自定义表单控件都可以和 formControl
指令进行交互,而不是原生表单控件如 input
。
原生表单控件数量是有限的,但是自定义表单控件是无限的,所以 Angular 需要一种通用机制来桥接原生/自定义表单控件和 formControl
指令,而这正是 ControlValueAccessor
干的事情。这个对象桥接原生表单控件和 formControl
指令,并同步两者的值。官方文档是这么描述的(译者注:为清晰理解,该描述不翻译):
A ControlValueAccessor acts as a bridge between the Angular forms API and a native element in the DOM.
任何一个组件或指令都可以通过实现 ControlValueAccessor
接口并注册为 NG_VALUE_ACCESSOR
,从而转变成 ControlValueAccessor
类型的对象,稍后我们将一起看看如何做。另外,这个接口还定义两个重要方法——writeValue
和 registerOnChange
(译者注:可查看 Angular 源码 这一行):
interface ControlValueAccessor {writeValue(obj: any): voidregisterOnChange(fn: any): voidregisterOnTouched(fn: any): void...
}
复制代码
formControl
指令使用 writeValue
方法设置原生表单控件的值(译者注:你可能会参考 L186 和 L41);使用 registerOnChange
方法来注册由每次原生表单控件值更新时触发的回调函数(译者注:你可能会参考这三行,L186 和 L43,以及 L85),你需要把更新的值传给这个回调函数,这样对应的 Angular 表单控件值也会更新(译者注:这一点可以参考 Angular 它自己写的 DefaultValueAccessor
的写法是如何把 input 控件每次更新值传给回调函数的,L52 和 L89);使用 registerOnTouched
方法来注册用户和控件交互时触发的回调(译者注:你可能会参考 L95)。
下图是 Angular 表单控件
如何通过 ControlValueAccessor
来和原生表单控件
交互的(译者注:formControl
和你写的或者 Angular 提供的 CustomControlValueAccessor
两个都是要绑定到 native DOM element 的指令,而 formControl
指令需要借助 CustomControlValueAccessor
指令/组件,来和 native DOM element 交换数据。):
再次强调,不管是使用响应式表单显式创建还是使用模板驱动表单隐式创建,ControlValueAccessor
都总是和 Angular 表单控件进行交互。
Angular 也为所有原生 DOM 表单元素创建了 Angular
表单控件(译者注:Angular 内置的 ControlValueAccessor):
Accessor | Form Element |
---|---|
DefaultValueAccessor | input,textarea |
CheckboxControlValueAccessor | input[type=checkbox] |
NumberValueAccessor | input[type=number] |
RadioControlValueAccessor | input[type=radio] |
RangeValueAccessor | input[type=range] |
SelectControlValueAccessor | select |
SelectMultipleControlValueAccessor | select[multiple] |
从上表中可看到,当 Angular 在组件模板中中遇到 input
或 textarea
DOM 原生控件时,会使用DefaultValueAccessor
指令:
@Component({selector: 'my-app',template: `<input [formControl]="ctrl">`
})
export class AppComponent {ctrl = new FormControl(3);
}
复制代码
所有表单指令,包括上面代码中的 formControl
指令,都会调用 setUpControl 函数来让表单控件和DefaultValueAccessor
实现交互(译者注:意思就是上面代码中绑定的 formControl
指令,在其自身实例化时,会调用 setUpControl()
函数给同样绑定到 input
的 DefaultValueAccessor
指令做好安装工作,如 L85,这样 formControl
指令就可以借助 DefaultValueAccessor
来和 input
元素交换数据了)。细节可参考 formControl
指令的代码:
export class FormControlDirective ... {...ngOnChanges(changes: SimpleChanges): void {if (this._isControlChanged(changes)) {setUpControl(this.form, this);
复制代码
还有 setUpControl
函数源码也指出了原生表单控件和 Angular 表单控件是如何数据同步的(译者注:作者贴的可能是 Angular v4.x 的代码,v5 有了点小小变动,但基本相似):
export function setUpControl(control: FormControl, dir: NgControl) {// initialize a form control// 调用 writeValue() 初始化表单控件值dir.valueAccessor.writeValue(control.value);// setup a listener for changes on the native control// and set this value to form control// 设置原生控件值更新时监听器,每当原生控件值更新,Angular 表单控件值也更新valueAccessor.registerOnChange((newValue: any) => {control.setValue(newValue, {emitModelToViewChange: false});});// setup a listener for changes on the Angular formControl// and set this value to the native control// 设置 Angular 表单控件值更新监听器,每当 Angular 表单控件值更新,原生控件值也更新control.registerOnChange((newValue: any, ...) => {dir.valueAccessor.writeValue(newValue);});
复制代码
只要我们理解了内部机制,就可以实现我们自定义的 Angular 表单控件了。
组件封装器
由于 Angular 为所有默认原生控件提供了控件值访问器,所以在封装第三方插件或组件时,需要写一个新的控件值访问器。我们将使用上文提到的 jQuery UI 库的 slider 插件,来实现一个自定义表单控件吧。
简单的封装器
最基础实现是通过简单封装使其能在屏幕上显示出来,所以我们需要一个 NgxJquerySliderComponent
组件,并在其模板里渲染出 slider
:
@Component({selector: 'ngx-jquery-slider',template: `<div #location></div>`,styles: ['div {width: 100px}']
})
export class NgxJquerySliderComponent {@ViewChild('location') location;widget;ngOnInit() {this.widget = $(this.location.nativeElement).slider();}
}
复制代码
这里我们使用标准的 jQuery
方法在原生 DOM 元素上创建一个 slider
控件,然后使用 widget
属性引用这个控件。
一旦简单封装好了 slider
组件,我们就可以在父组件模板里使用它:
@Component({selector: 'my-app',template: `<h1>Hello {{name}}</h1><ngx-jquery-slider></ngx-jquery-slider>`
})
export class AppComponent { ... }
复制代码
为了运行程序我们需要加入 jQuery
相关依赖,简化起见,在 index.html
中添加全局依赖:
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
复制代码
这里是安装依赖的 源码。
交互式表单控件
上面的实现还不能让我们自定义的 slider
控件与父组件交互,所以还得使用输入/输出绑定来是实现组件间数据通信:
export class NgxJquerySliderComponent {@ViewChild('location') location;@Input() value;@Output() private valueChange = new EventEmitter();widget;ngOnInit() {this.widget = $(this.location.nativeElement).slider(); this.widget.slider('value', this.value);this.widget.on('slidestop', (event, ui) => {this.valueChange.emit(ui.value);});}ngOnChanges() {if (this.widget && this.widget.slider('value') !== this.value) {this.widget.slider('value', this.value);}}
}
复制代码
一旦 slider
组件创建,就可以订阅 slidestop
事件获取变化的值,一旦 slidestop
事件被触发了,就可以使用输出事件发射器 valueChanges
通知父组件。当然我们也可以使用 ngOnChanges
生命周期钩子来追踪输入属性 value
值的变化,一旦其值变化,我们就将该值设置为 slider
控件的值。
然后就是父组件中如何使用 slider
组件的代码实现:
<ngx-jquery-slider[value]="sliderValue"(valueChange)="onSliderValueChange($event)">
</ngx-jquery-slider>
复制代码
源码 在这里。
但是,我们想要的是,使用 slider
组件作为表单的一部分,并使用模板驱动表单或响应式表单的指令与其数据通信,那就需要让其实现 ControlValueAccessor
接口了。由于我们将实现的是新的组件通信方式,所以不需要标准的输入输出属性绑定方式,那就移除相关代码吧。(译者注:作者先实现标准的输入输出属性绑定的通信方式,又要删除,主要是为了引入新的表单组件交互方式,即 ControlValueAccessor
。)
实现自定义控件值访问器
实现自定义控件值访问器并不难,只需要两步:
- 注册
NG_VALUE_ACCESSOR
提供者 - 实现
ControlValueAccessor
接口
NG_VALUE_ACCESSOR
提供者用来指定实现了 ControlValueAccessor
接口的类,并且被 Angular 用来和 formControl
同步,通常是使用组件类或指令来注册。所有表单指令都是使用NG_VALUE_ACCESSOR
标识来注入控件值访问器,然后选择合适的访问器(译者注:这句话可参考这两行代码,L175 和 L181)。要么选择DefaultValueAccessor
或者内置的数据访问器,否则 Angular 将会选择自定义的数据访问器,并且有且只有一个自定义的数据访问器(译者注:这句话参考 selectValueAccessor
源码实现)。
让我们首先定义提供者:
@Component({selector: 'ngx-jquery-slider',providers: [{provide: NG_VALUE_ACCESSOR,useExisting: NgxJquerySliderComponent,multi: true}]...
})
class NgxJquerySliderComponent implements ControlValueAccessor {...}
复制代码
我们直接在组件装饰器里直接指定类名,然而 Angular 源码默认实现是放在类装饰器外面:
export const DEFAULT_VALUE_ACCESSOR: any = {provide: NG_VALUE_ACCESSOR,useExisting: forwardRef(() => DefaultValueAccessor),multi: true
};
@Directive({selector:'input',providers: [DEFAULT_VALUE_ACCESSOR]...
})
export class DefaultValueAccessor implements ControlValueAccessor {}
复制代码
放在外面就需要使用 forwardRef
,关于原因可以参考 What is forwardRef in Angular and why we need it 。当实现自定义 controlValueAccessor
,我建议还是放在类装饰器里吧(译者注:个人建议还是学习 Angular 源码那样放在外面)。
一旦定义了提供者后,就让我们实现 controlValueAccessor
接口:
export class NgxJquerySliderComponent implements ControlValueAccessor {@ViewChild('location') location;widget;onChange;value;ngOnInit() {this.widget = $(this.location.nativeElement).slider(this.value);this.widget.on('slidestop', (event, ui) => {this.onChange(ui.value);});
}writeValue(value) {this.value = value;if (this.widget && value) {this.widget.slider('value', value);}}registerOnChange(fn) { this.onChange = fn; }registerOnTouched(fn) { }
复制代码
由于我们对用户是否与组件交互不感兴趣,所以先把 registerOnTouched
置空吧。在registerOnChange
里我们简单保存了对回调函数 fn
的引用,回调函数是由 formControl
指令传入的(译者注:参考 L85),只要每次 slider
组件值发生改变,就会触发这个回调函数。在 writeValue
方法内我们把得到的值传给 slider
组件。
现在我们把上面描述的功能做成一张交互式图:
如果你把简单封装和 controlValueAccessor
封装进行比较,你会发现父子组件交互方式是不一样的,尽管封装的组件与 slider
组件的交互是一样的。你可能注意到 formControl
指令实际上简化了与父组件交互的方式。这里我们使用 writeValue
来向子组件写入数据,而在简单封装方法中使用 ngOnChanges
;调用 this.onChange
方法输出数据,而在简单封装方法中使用 this.valueChange.emit(ui.value)
。
现在,实现了 ControlValueAccessor
接口的自定义 slider
表单控件完整代码如下:
@Component({selector: 'my-app',template: `<h1>Hello {{name}}</h1><span>Current slider value: {{ctrl.value}}</span><ngx-jquery-slider [formControl]="ctrl"></ngx-jquery-slider><input [value]="ctrl.value" (change)="updateSlider($event)">`
})
export class AppComponent {ctrl = new FormControl(11);updateSlider($event) {this.ctrl.setValue($event.currentTarget.value, {emitModelToViewChange: true});}
}
复制代码
你可以查看程序的 最终实现。
Github
项目的 Github 仓库。
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- 汪济广 双眼皮要多少钱
...
2024/4/21 6:51:27 - angular4+ionic3 使用formGroup radio-group 用法
html: ts: 选择女...
2024/4/21 6:51:27 - 割双眼皮淤血多久才散
...
2024/4/21 6:51:26 - 割双眼皮淤血
...
2024/4/21 6:51:24 - 项目中Angularjs遇到的问题和优化总结
项目中Angularjs遇到的问题和优化总结 由于本项目最低需要兼容ie8浏览器,所以在版本选择上选择Angularjs1.2版本。 1.ng-if/ng-switch与ng-show/ng-hide区别选择 ng-show/ng-hide是通过修改CSS样式方式控制元素显示与隐藏,对应的DOM元素会一直存在于当…...
2024/4/21 17:11:08 - Angularv7~v10项目结构与文件解析
Angular项目结构与文件分析Angular项目结构1. src/app2.src/assets3. src/environments4. src下的Angular核心文件index.htmlmain.tspolyfills.tsstyle.css/style.scss等tsconfig.app.jsontslint.json5.根目录下的文件angular.jsonpackage.jsonAngular项目结构 在Angular项目中…...
2024/4/21 6:51:22 - angularJS2中的界面跳转
链接参数数组保存路由导航时所需的成分: 指向目标组件的那个路由的路径(path)必备路由参数和可选路由参数,它们将进入该路由的URL我们可以把RouterLink指令绑定到一个数组,就像这样: <a [routerLink]&…...
2024/4/21 6:51:21 - vue-router 嵌套路由,router-link-active的问题
最近做一个vue的项目,是多级路由组成的项目, 需求是这样的: 圈起来这个样式是由路由构造提供的linkActiveClass"active" 的属性做的,就是点击底部导航任一个,就会自动添加active, 底部样式已经…...
2024/4/30 17:55:22 - 西乔推荐的设计师看的书 记下 第一本好像看过了
书单:想做设计师?设计 Tags: readlist, 书单15 Comments 经常有朋友写邮件或发推问我,想从事设计,希望推荐几本书。老回邮件也麻烦,我干脆在豆瓣上做了一个书单。我读过的,认为值得入门者和高阶者一读的书。按由浅到深,必读到可读的顺序。主要关注方向是UI、视觉传达、…...
2024/4/21 6:51:20 - Angular 小试牛刀[1]:Getting Started
首先,Angular2 与 Angular1.x 版本没有多大关系,甚至可以说是两个完全不一样的框架,故 Angular 指的是 Angular2 及以上的版本。而 Angular 与 TypeScript 的完美结合,对于一个 .NET 开发者来说,实在是找不到不用它的理…...
2024/4/30 16:55:32 - Angular 小试牛刀[1]-Getting Started
首先,Angular2 与 Angular1.x 版本没有多大关系,甚至可以说是两个完全不一样的框架,故 Angular 指的是 Angular2 及以上的版本。而 Angular 与 TypeScript 的完美结合,对于一个 .NET 开发者来说,实在是找不到不用它的理…...
2024/4/21 6:51:17 - Angularjs2 学习笔记
angularjs2 学习笔记(一) 开发环境搭建 开发环境,vs2013 update 5,win7 x64,目前最新angular2版本为beta 17 第一步:安装node.js 安装node.js(https://nodejs.org/en/),为的是能够使用npm获得angular2.0的开发包 验证是…...
2024/4/21 6:51:17 - 西安美立方做双眼皮怎么样
...
2024/4/21 6:51:16 - angular.uirouter
首先给大家介绍angular-ui-router的基本用法。如何引用依赖angular-ui-router angular.module(app,["ui.router"]).config(function($stateProvider){$stateProvider.state(stateName, stateCofig);}) $stateProvider.state(stateName, stateConfig)stateName是strin…...
2024/4/29 3:01:44 - Vue路由层添加权限控制
纯粹总结记录,建议直接参考文末链接 一个权限冗多的系统,免不了要思考权限在系统中怎么方便地获取,添加,判断。 以前在angular的项目中: 一,我们在module.run方法中从后台获取到权限信息(一般是列表&#x…...
2024/4/21 6:51:13 - 杭州 双眼皮 医生
...
2024/4/21 6:51:13 - Nest.js 从零到壹系列(一):项目创建路由设置模块
本文由图雀社区认证作者 布拉德特皮 写作而成,点击阅读原文查看作者掘金链接,感谢作者的优质输出,让我们的技术世界变得更加美好????前言本系列将以前端的视角进行书写,分享自己的踩坑经历。教程主要面向前端或者毫无后端经验…...
2024/4/20 19:00:28 - angular框架知识积累
1.强悍的指令directive 但是要注意的是当指令写在dom节点标签上时,指令名称要写成third-nav 2.强悍的过滤器 多级过滤,自定义过滤器,模拟后台接受前端请求进行查询 3.强悍的路由(ui-route) 关键字:ui-sref,ui-view,ui-sref-activ…...
2024/4/20 19:00:27 - asp.net mvc路由_使用$ routeProvider在Asp.net MVC中进行参数化的AngularJS路由
asp.net mvc路由In this post, asp.net development India based professionals will brief you about the interesting feature of AngularJS, that I Routing. You will learn the method to split the single page into multiple views. For more info, read the article. I…...
2024/4/20 19:00:38 - RouteReuseStrategy angular路由复用策略详解,深度刨析路由复用策略
关于前端路由复用策略网上的文章很多,大多是讲如何实现tab标签切换历史数据,至于如何复用的原理讲的都比较朦胧,代码样例也很难适用各种各样的路由配置,比如懒加载模式下多级嵌套路由出口网上的大部分代码都会报错。我希望能通过这…...
2024/4/27 17:45:11
最新文章
- C++ //练习 13.46 什么类型的引用可以绑定到下面的初始化器上?
C Primer(第5版) 练习 13.46 练习 13.46 什么类型的引用可以绑定到下面的初始化器上? int f(); vector<int> vi(100); int? r1 f(); int? r2 vi[0]; int? r3 r1; int? r4 vi[0] * f();环境:Linux Ubuntuÿ…...
2024/4/30 20:36:41 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - 阿里云8核32G云服务器租用优惠价格表,包括腾讯云和京东云
8核32G云服务器租用优惠价格表,云服务器吧yunfuwuqiba.com整理阿里云8核32G服务器、腾讯云8核32G和京东云8C32G云主机配置报价,腾讯云和京东云是轻量应用服务器,阿里云是云服务器ECS: 阿里云8核32G服务器 阿里云8核32G服务器价格…...
2024/4/29 23:31:45 - 论文阅读AI工具链
文献检索 可以利用智谱清言来生成合适的文献检索式,并根据需要不断调整。 谷歌学术 在Google Scholar中进行检索时,您可以使用类似的逻辑来构建您的搜索式,但是语法会有所不同。Google Scholar的搜索框接受普通的文本搜索,但是…...
2024/4/30 3:55:07 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/4/29 23:16:47 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/4/30 18:14:14 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/4/29 2:29:43 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/4/30 18:21:48 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
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/30 9:43:09 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和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/29 20:46:55 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
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/30 9:42:22 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/4/30 9:43:22 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/4/30 9:42:49 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下: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