本文由Dan Prince和Michaela Lehr进行了同行评审。 感谢所有SitePoint的同行评审人员使SitePoint内容达到最佳状态!

在AngularJS的每个新发行版中,开发团队都试图弥合AngularJS 1.x和2之间的差距。随着AngularJS 1.5的发行,开发人员将能够编写结构类似于AngularJS 2.0的应用程序。

在本教程中,我们将在AngularJS 1.4中创建一个grid 指令 。 然后,我们将逐步完成将其升级到1.5的步骤,然后研究如何将其转换为可与2.0版一起使用。

入门

首先创建一个名为AngularMigrateApp的项目目录。 在此文件夹中,创建一个名为index.html的HTML页面。 该页面应如下所示:

<!DOCTYPE html>
<html lang="en" ng-app="myApp" class="no-js">
<head><title>My AngularJS App</title><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body><script src="https://code.angularjs.org/1.4.10/angular.js"></script>
</body>
</html>

除了Angular框架外,我们还将利用Bootstrap设计指令布局。 我们包括直接来自CDN的这两个文件。

创建网格指令

让我们创建一个简单的网格指令来显示JSON数组。 我们将从创建AngularJS模块开始。

angular.module('myApp', []).constant('employees', [{firstName: 'Rima',lastName: 'George',location: 'San Francisco'}, {firstName: 'Shaun',lastName: 'John',location: 'Germany'}, {firstName: 'Rahul',lastName: 'Kurup',location: 'Bangalore'}, {firstName: 'Samson',lastName: 'Davis',location: 'Canada'}, {firstName: 'Shilpa',lastName: 'Agarwal',location: 'Noida'}]).controller('HomeCtrl', ['$scope', 'employees', function($scope, employees) {$scope.employees = employees;}])

我们定义了一个名为employees的常量,其中包含示例数据数组。 然后,我们将此数组注入HomeCtrl ,并使其在控制器的作用域中可用。

让我们创建一个名为myGrid的指令,该指令将用于显示上述JSON数组。

.directive('myGrid', function() {return {}
})

我们想通过标签名称使用指令,如下所示:

<my-grid></my-grid>

因此,我们将添加限制选项以指定以下内容:

.directive('myGrid', function() {return {restrict: 'E'}
})

接下来,我们要将employees数据从视图传递到指令。 因此,我们将其添加为绑定:

.directive('myGrid', function() {return {restrict: 'E',scope: {info: '=info'}}
})

现在,我们可以将employees数据作为属性传递给指令:

<my-grid info="employees"></my-grid>

最后但并非最不重要的一点是,我们需要一个HTML模板来显示数据:

.directive('myGrid', function() {return {restrict: 'E',scope: {info: '=info'},templateUrl : '/directiveGrid.html'}
})

index.html正文中添加以下HTML模板脚本。

<script type="text/ng-template" id="/directiveGrid.html"><div class="panel panel-primary"><div class="panel-heading">Site Point Directive Grid</div><table class="table"><thead><tr><th>FirstName</th><th>Last Name</th><th>Location</th></tr></thead><tbody><tr ng-repeat="employee in info"><td>{{ employee.firstName }}</td><td>{{ employee.lastName }}</td><td>{{ employee.location }}</td></tr></tbody></table></div>
</script>

如您在上面的代码中看到的,我们正在遍历info属性并显示employees列表中的每个项目。

让我们在index.html使用myGrid指令。 添加以下代码:

<div ng-controller="HomeCtrl"><my-grid info="employees"></my-grid>
</div>

我们指定了HomeCtrl控制器,并在其中使用了指令。 保存更改并浏览到index.html页面。 这是运行中的数据网格的演示:

请参阅CodePen上的SitePoint ( @SitePoint )提供的Pen AngularJS 1.4演示 。

升级到1.5

到目前为止,我们已经使用1.4版创建了AngularJS指令,并且运行良好。 现在,让我们尝试在AngularJS 1.5中使用相同的代码,看看是否有任何问题。

让我们用指向版本1.5的CDN链接替换现有的脚本引用。 如果您尝试刷新页面,则所有内容都应继续正常运行。 在1.x系列的新发行版中,该框架通过使用components ,更接近AngularJS 2.0的工作方式,并且我们可以在代码中利用这一点,从而使最终过渡到2.0版变得更加容易。

在AngularJS 1.5中,组件是指令的语法糖,它负责默认值并具有更简单的配置。 它们应该是替代产品,特别是对于那些将来想要升级的用户。

使用AngularJS时,开发人员通常倾向于使用基于控制器的方法,但这会在应用程序开始增长时产生许多问题。 基于控制器和视图的方法会导致重复的ng-controller / view,但是基于组件的方法通过创建无需重复代码即可组成更大组件的组件来解决此问题。

让我们尝试利用新的组件指令帮助器方法并修改我们现有的代码。 我们将从创建一个组件开始:

.component('myDataComp', {});

与使用函数的指令方法不同,组件方法使用对象。 我们将使用不同的模板传递与指令中相同的对象。 这是HTML模板:

<script type="text/ng-template" id="/componentGrid.html"><div class="panel panel-primary"><div class="panel-heading">Site Point Directive Grid</div><table class="table"><thead><tr><th>FirstName</th><th>Last Name</th><th>Location</th></tr></thead><tbody><tr ng-repeat="employee in info"><td>{{ employee.firstName }}</td><td>{{ employee.lastName }}</td><td>{{ employee.location }}</td></tr></tbody></table></div>
</script>

这是修改后的组件代码:

.component('myComp', {restrict: 'E',scope: {info: '=info'},templateUrl : '/componentGrid.html'
});

如以上代码所示,我们已经传递了旧指令中的所有选项。

index.html页面中创建一个名为myComp的组件。

<div ng-controller="HomeCtrl"><my-grid info="employees"></my-grid><my-comp info="employees"></my-comp>
</div>

保存更改并刷新页面,您应该能够看到没有显示数据,但在浏览器控制台中也没有错误。

如果我们看一下组件和官方网站上的指令之间的比较表,我们可以看到scope始终是在组件中隔离的。

指令和组件比较

因此,我们需要使用bindings选项将数据绑定到控制器。 由于组件仅限于元素,因此不再需要restrict选项。

这是修改后的代码:

  .component('myComp', {bindings: {info: '=info'},templateUrl : '/componentGrid.html'});

绑定info将绑定到控制器。 控制器的默认别名为$ctrl ,在模板内部,我们将使用它来访问info属性:

<script type="text/ng-template" id="/componentGrid.html"><div class="panel panel-primary"><div class="panel-heading">Site Point Component Grid</div><table class="table"><thead><tr><th>FirstName</th><th>Last Name</th><th>Location</th></tr></thead><tbody><tr ng-repeat="employee in $ctrl.info"><td>{{ employee.firstName }}</td><td>{{ employee.lastName }}</td><td>{{ employee.location }}</td></tr></tbody></table></div>
</script>

现在,如果刷新页面,您应该能够查看使用myComp组件显示的数据。

请参阅CodePen上的SitePoint ( @SitePoint )提供的Pen AngularJS 1.5演示 。

升级到2.0

注意: AngularJS 2.0仍处于beta中。 我们使用的版本是Angular2.0.0-beta.8 。

让我们用CDN中指向版本2.0的链接替换我们应用程序中现有的AngularJS 版本 ,看看是否有任何中断:

<script src="https://code.angularjs.org/2.0.0-beta.8/angular2.js"></script>

刷新页面后,页面上没有任何显示,如果检查浏览器控制台,我们也会看到一些错误。

包含AngularJS 2脚本后出错。

如您所见,我们的组件代码在Angular 2.0上无法正常工作!

让我们从头开始,看看新版本是如何工作的,然后我们将尝试移植我们的组件。

尽管可以通过将框架包含一个脚本标签来开始使用Angular 1.x,但是Angular 2.0的情况已经改变。 我们需要几个其他的库才能运行。 虽然可以通过脚本标签分别加载这些文件以进行开发,但它们应作为生产过程的一部分捆绑在一起。

如果我们看一下官方的快速入门指南 ,我们可以看到我们将需要其他一些库和开发依赖项才能开始使用2.0。

让我们创建一个名为AngularJS2.0Component的文件夹,并如下创建package.json文件:

{"name": "angular2-quickstart","version": "1.0.0","scripts": {"start": "npm run lite","lite": "lite-server"},"license": "ISC","dependencies": {"bootstrap": "^3.3.6","angular2": "2.0.0-beta.8","es6-promise": "^3.0.2","es6-shim": "^0.33.3","reflect-metadata": "0.1.2","rxjs": "5.0.0-beta.2","zone.js": "0.5.15"},"devDependencies": {"concurrently": "^2.0.0","lite-server": "^2.1.0"}
}

上面的文件显示了AngularJS 2.0应用程序所需的所有依赖项。 保存更改并使用npm安装所需的依赖项:

npm install

创建一个名为app的子文件夹,并在内部使用以下代码创建一个名为app.component.js的文件:

(function(app) {app.AppComponent =ng.core.Component({selector: 'my-comp',templateUrl: 'grid.html'}).Class({constructor: function() {this.employees = [{firstName: 'Rima',lastName: 'George',location: 'San Francisco'}, {firstName: 'Shaun',lastName: 'John',location: 'Germany'}, {firstName: 'Rahul',lastName: 'Kurup',location: 'Bangalore'}, {firstName: 'Samson',lastName: 'Davis',location: 'Canada'}, {firstName: 'Shilpa',lastName: 'Agarwal',location: 'Noida'}];}});
})(window.app || (window.app = {}));

在上面的代码中,我们使用Angular核心名称空间 ng.core创建组件。 我们为组件定义了一个选择器,即my-comp 。 我们使用与应用程序模板相同的HTML grid.html 。 我们已经在组件的构造函数中定义了employees对象。

创建一个名为main.js的文件,并粘贴以下代码:

(function(app) {document.addEventListener('DOMContentLoaded', function() {ng.platform.browser.bootstrap(app.AppComponent);});
})(window.app || (window.app = {}));

这告诉Angular加载我们刚刚创建的组件。

接下来,在app文件夹外部创建一个名为index.html的文件,并粘贴以下代码:

<html><head><title>Angular Component</title><link rel="stylesheet" href="styles.css"><link rel="stylesheet" type="text/css" href="node_modules/bootstrap/dist/css/bootstrap.min.css"><!-- 1. Load libraries --><!-- IE required polyfill --><script src="node_modules/es6-shim/es6-shim.min.js"></script><script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>   <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script><script src="node_modules/rxjs/bundles/Rx.umd.js"></script><script src="node_modules/angular2/bundles/angular2-all.umd.js"></script><!-- 2. Load our 'modules' --><script src='app/app.component.js'></script><script src='app/main.js'></script></head><!-- 3. Display the application --><body><my-comp>Loading...</my-comp></body>
</html>

上面的index.html页面是AngularJS 2.0应用程序的入门模板。 我们已经包含了所有必需的依赖项,并且在body标签中使用了我们的组件。

保存更改并使用npm start启动服务器。 此命令运行名为lite-server的本地开发lite-server ,该lite-server在浏览器中加载index.html

但是仍然没有显示数据!

在AngularJS 2.0中,循环的语法有些不同。 修改grid.html的循环部分,如下所示:

<tr *ngFor="#employee of employees">

保存更改并重新启动服务器,您应该能够看到应用程序中显示的员工数据。

包起来

组件是AngularJS 2.0的主要组成部分,应该说它是基于组件的框架。 在1.x系列的每个新发行版中,我们都越来越接近使用2.0版开发应用程序的方式。

在本教程中,我们使用框架的版本1.4创建了AngularJS指令。 我们对指令进行了重构,以利用1.5版的组件语法。 最后,我们将其升级为可与Angular 2.0版一起使用。

要更深入地了解如何迁移AngularJS应用,请考虑阅读官方迁移指南 。 Angular 2代码也可以用TypeScript和Dart编写,如果您有兴趣,我建议阅读分别在TypeScript或Dart中使用AngularJS 2入门的官方指南。

在下面的评论中分享您的想法和建议!

From: https://www.sitepoint.com/upgrade-to-angular-components/

查看全文
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

相关文章

  1. angular1.5 组件学习 -- 4.1、组件的其他属性 require

    那 component 除了 template、controller、bindings&#xff0c;是否还有别的属性呢&#xff1f;答案是肯定的&#xff01; require 属性&#xff0c;值为一个对象。用于复用其他组件的控制器。 <!DOCTYPE html> <html lang"en" ng-app"myApp">…...

    2024/3/27 5:08:41
  2. Angular 依赖注入里factory函数的调用时机

    我们调用InjectionToken构造器&#xff0c;创建一个新的InjectionToken实例时&#xff0c;除了传入一个字符串作为description&#xff0c;还可以指定一个options结构&#xff1a; const MY_SERVICE_TOKEN new InjectionToken<MyService>(Manually constructed MyServi…...

    2024/3/27 5:08:42
  3. Angular使用Console.log()打印出来的数据没问题,点击详情后数据变了

    我在一个界面添加数据使用updataEvent将对象返回给另一个界面后&#xff0c;在onUpData中处理时使用 this.xxxxx d&#xff0c;直接将地址值给了变量&#xff0c;当这个方法结束后d被重置了&#xff0c;所以this.xxx的值也消失了,这里要使用下面的方法复制一个对象出来。 this…...

    2024/3/29 7:22:50
  4. angular1.5 组件学习 -- 3、组件的生命周期钩子

    Components&#xff08;生命周期&#xff09;钩子函数 angular1.5为每个组件提供了生命周期钩子函数去响应不同的时刻&#xff0c;有以下几个钩子&#xff1a; 1、$onInit()&#xff1a;此时 component 构造函数初始化完毕&#xff08;包括 bindings 中的数据&#xff09;&…...

    2024/3/27 5:08:42
  5. angular中使用less

    非常期待使用less&#xff0c;今天终于在自己的angular项目中做到了&#xff0c; 记录一下&#xff0c;避免忘记。 建立在会新建angular项目的基础上 首先&#xff0c;确定一下有没有npm&#xff08;没什么用哈&#xff09;&#xff0c; 然后&#xff0c;安装less npm i…...

    2024/3/29 1:38:09
  6. angular 1.5+ 判断adobe flash player插件

    class FlashPlayerController {// 构造函数, 大部分的逻辑代码最好写在$onInit中, constructor 初始化一些变量constructor($timeout) {}// 初始化完毕加载$onInit($timeout) {this.checkFlashPlayer function () {var hasFlashPlayer 0; //判断是否安装了Flash Playervar fl…...

    2024/3/27 5:08:52
  7. 《通信软件开发与应用》课程结业报告

    1、课程结业内容 ​ 《通信软件开发与应用》这门课程我主要做的是一个电影排名显示&#xff0c;叫做Project-Movie。我通过对前端动态框架angular和TOH-version 2的学习&#xff0c;在TOH-version 2的基础上做出了Project-Movie这样的网站。 2、开发过程 首先&#xff0c;我在…...

    2024/3/27 5:08:46
  8. Angular2 网站 SEO 攻略

    Angular 的优点有很多&#xff0c;但如果用它来开发网站的话&#xff0c;就不得不面对它的两大缺点&#xff1a; 首页加载慢搜索引擎的爬虫获取不到页面内容由于 Angular 是通过 js 动态生成 dom 并插入到页面中&#xff0c;搜索引擎默认只能获得页面的标题。我们可以使用 curl…...

    2024/3/28 9:30:53
  9. VS2017搭建ASP.Net Core和Angular5项目

    本文是使用Angular5TemplateCore开发一个适用于ASP.NET Core的Angular 5应用程序。我们来详细看看 先决条件 确保您已经在计算机上安装了所有先决条件。如果没有&#xff0c;那么先下载并安装所有。 首先&#xff0c;从这个链接下载并安装Visual Studio 2017 下载并安装.NET …...

    2024/3/29 9:00:40
  10. angular-cli快速创建angular6项目

    angular介绍 是Google开发的js前端框架&#xff1b; 可以开发移动端和桌面端&#xff1b; 已被Google用到600多种不同产品中&#xff0c;能满足不同场景下的开发需求&#xff0c;更适合开发现代Web应用&#xff1b; 从工程化角度出发的一个大而全的框架&#xff0c;提供了针对…...

    2024/3/15 12:33:17
  11. Angular 4入门教程系列:15:NG-ZORRO的使用方式

    这篇文章介绍一下Angular的优秀国内UI组件库NG-ZORRO&#xff0c;并演示一下如何使引入NG-ZORRO到项目之中。 Why NG-ZORRO NG-ZORRO由阿里计算平台事业部、阿里云等不同部门的开发人员在原业务组件的基础上构建而成&#xff0c;于2017/8/15在github上发布了第一个对外的版本…...

    2024/3/19 11:26:50
  12. 揭秘Angular 2(一):TypeScript入门

    3.1 TypeScript概述 3.1.1概述 3.1.2安装 检查npm是否已经安装 接下来我们使用2.0正式版的TypeScript,安装命令如下&#xff1a; npm install -g typescript2.0.0写第一个Typescript程序&#xff0c;并保存到hello.ts中&#xff0c;文件中代码&#xff1a; console.log(hello …...

    2024/3/13 20:06:53
  13. Angular2 国际化 (i18n)

    本文可供Angular5&#xff0c;6&#xff0c;7的项目参考使用 背景 Angular: 7Angular CLI: 7.1.2Node: 10.4.1实现 本文介绍了三种实现方法&#xff0c;因为本人使用的是第三种&#xff0c;所以第一、二种&#xff08;分享了链接&#xff09;就不赘述了。 方法一 使用Angular c…...

    2024/3/14 22:28:51
  14. Angular2 的搭建

    1 。安装 NodeJS 5.0以上版本, NPM 3.0以上版本 2 。安装 Angular CLI windows&#xff1a; npm install -g angular-cli macOS: sudo npm install -g angular-cli 3。创建 Angular2 工程 ng new project_name ; ( project_name是你的项目名 ) 4。启动 工程 cd …...

    2024/3/14 22:28:51
  15. Angular 项目 国际化

    正如angular官网所说&#xff0c;项目国际化是一件具有挑战性&#xff0c;需要多方面的努力、持久的奉献和决心的任务。本文将介绍angular项目的国际化方案&#xff0c;涉及静态文件(html)和ts文件文案的国际化。 背景 Angular: 5.0Angular Cli: 1.6.1(1.5.x也可以)NG-ZORRO: 0…...

    2024/3/14 22:28:50
  16. Angular使用Antd没有样式,八成是忘了引入样式

    按着官网快速初始化个项目 1.安装最新的angular脚手架&#xff08;antd支持angular5.0以上的版本&#xff0c;所以最好把你的脚手架更新&#xff09; npm install -g angular/clilatest 2.新建项目 ng new my-app 3.下载antd npm install ng-zorro-antd --save 4.引入以下两…...

    2024/3/14 22:28:48
  17. angular学习总结

    因为学习需要&#xff0c;要配置一系列环境&#xff0c;中间又出了很多各种各样的花式错误&#xff0c;因此当做个人总结记录一下。一、vs1. 完全卸载VS2013找到vs2013的安装包&#xff0c;如图 打开cmd命令行窗口&#xff0c;cd到安装包下的vs_professional.exe同级目录&#…...

    2024/3/14 22:28:47
  18. angular6 使用tooltip

    准备 为了使用tooltip&#xff0c;可以安装ng-bootstrap组件&#xff0c;它包含两个依赖&#xff1a; angular&#xff1a;5.0以上版本&#xff1b;bootstrap css&#xff1a; 4.0版本。安装好bootstrap之后&#xff0c;更新angular.json文件 "styles": ["node_…...

    2024/3/26 10:13:25
  19. 初学angular和typescript

    文章目录Typescript基础类型枚举接口AngularTypescript JavaScript的超集 JavaScript和es6的内容都可以在typescript中直接使用typescript的代码依然需要编译成JavaScript使用安装npm install -g typescript 后缀名.ts编译tsc 文件名.ts 生成一个js文件 (在我的电脑上不能使用…...

    2024/3/14 22:28:45
  20. angular1环境配置

    环境搭建 1. 安装node。 直接下载最新的、或你想要的版本。傻瓜式安装。 2. 安装Java的jdk. 尽量安装最新的版本 安装完成之后&#xff0c;配置环境变量。 JAVA_HOME C:\Program Files\Java\jdk1.8.0_102 CLASSPATH .:%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar Path …...

    2024/3/14 15:58:10

最新文章

  1. 俄罗斯深陷芯片自主困境,良率仅5成 |百能云芯

    俄罗斯的芯片产业一直以来都面临着诸多挑战&#xff0c;尤其是在当前的国际形势下&#xff0c;这些挑战更加凸显。随着俄乌冲突的爆发&#xff0c;西方国家对俄罗斯实施了一系列经济制裁&#xff0c;导致俄罗斯科技产业受到了严重影响。据了解&#xff0c;俄国最大的本土芯片厂…...

    2024/3/29 17:44:46
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. R语言批量计算t检验,输出pvalue和均值

    1.输入数据如下&#xff1a; 2.代码如下 setwd("E:/R/Rscripts/rG4相关绘图") # 读取CSV文件 data <- read.csv("box-cds-ABD-不同类型rg4-2.csv", stringsAsFactors FALSE)# 筛选出Type2列为指定五种类型的数据 filtered_data <- subset(data, …...

    2024/3/29 15:00:56
  4. jetcache 2级缓存模式实现批量清除

    需求 希望能够实现清理指定对象缓存的方法&#xff0c;例如缓存了User表&#xff0c;当User表巨大时&#xff0c;通过id全量去清理不现实&#xff0c;耗费资源也巨大。因此需要能够支持清理指定本地和远程缓存的批量方法。 分析 查看jetcache生成的cache接口&#xff0c;并没…...

    2024/3/28 2:28:54
  5. client-go中ListAndWatch机制,informer源码详解

    文章首发地址&#xff1a; 学一下 (suxueit.com)https://suxueit.com/article_detail/s9UMb44BWZdDRfKqFv22 先上一张&#xff0c;不知道是那个大佬画的图 简单描述一下流程 client-go封装部分 以pod为例 、先List所有的Pod资源&#xff0c;然后通过已经获取的pod资源的最大版…...

    2024/3/28 17:43:17
  6. 【外汇早评】美通胀数据走低,美元调整

    原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...

    2024/3/27 10:21:24
  7. 【原油贵金属周评】原油多头拥挤,价格调整

    原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...

    2024/3/24 20:11:25
  8. 【外汇周评】靓丽非农不及疲软通胀影响

    原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...

    2024/3/29 2:45:46
  9. 【原油贵金属早评】库存继续增加,油价收跌

    原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...

    2024/3/29 16:26:39
  10. 【外汇早评】日本央行会议纪要不改日元强势

    原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...

    2024/3/29 5:19:52
  11. 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响

    原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...

    2024/3/28 17:01:12
  12. 【外汇早评】美欲与伊朗重谈协议

    原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...

    2024/3/29 11:11:56
  13. 【原油贵金属早评】波动率飙升,市场情绪动荡

    原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...

    2024/3/29 1:13:26
  14. 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试

    原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...

    2024/3/29 8:28:16
  15. 【原油贵金属早评】市场情绪继续恶化,黄金上破

    原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...

    2024/3/29 7:41:19
  16. 【外汇早评】美伊僵持,风险情绪继续升温

    原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...

    2024/3/24 20:11:18
  17. 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势

    原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...

    2024/3/29 9:57:23
  18. 氧生福地 玩美北湖(上)——为时光守候两千年

    原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...

    2024/3/29 0:49:46
  19. 氧生福地 玩美北湖(中)——永春梯田里的美与鲜

    原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...

    2024/3/24 20:11:15
  20. 氧生福地 玩美北湖(下)——奔跑吧骚年!

    原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...

    2024/3/29 17:27:19
  21. 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!

    原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...

    2024/3/24 20:11:13
  22. 「发现」铁皮石斛仙草之神奇功效用于医用面膜

    原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...

    2024/3/26 11:21:23
  23. 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者

    原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...

    2024/3/28 18:26:34
  24. 广州械字号面膜生产厂家OEM/ODM4项须知!

    原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...

    2024/3/28 12:42:28
  25. 械字号医用眼膜缓解用眼过度到底有无作用?

    原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...

    2024/3/28 20:09:10
  26. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  27. 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; 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
  28. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  29. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  30. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  31. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  32. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  33. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  34. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  35. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  36. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  37. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...

    2022/11/19 21:17:05
  38. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  39. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  40. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  41. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  42. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  43. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  44. 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  45. 如何在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