{"id":38895,"date":"2023-03-20T08:59:29","date_gmt":"2024-01-04T20:57:42","guid":{"rendered":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/"},"modified":"2024-04-29T19:45:33","modified_gmt":"2024-04-29T11:45:33","slug":"%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/","title":{"rendered":"\u5728\u9047\u5230Angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5.2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217"},"content":{"rendered":"<h1>\u603b\u7ed3<\/h1>\n<ul class=\"post-ul\">Angular\u672c\u4f53\u30925.2\u304b\u30896\u7cfb\u306b\u30e1\u30b8\u30e3\u30fc\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u3057\u305f\u969b\u306e\u8db3\u8de1\u3068\u5f15\u3063\u304b\u304b\u3063\u305f\u70b9\u306e\u30e1\u30e2<\/ul>\n<h2>\u516c\u5f0f\u5347\u7ea7\u6307\u5357<\/h2>\n<ul class=\"post-ul\">Angular Update Guide<\/ul>\n<h2>\u505a\u8fc7\u7684\u4e8b\u3002<\/h2>\n<ul class=\"post-ul\">\u516c\u5f0f\u306e Update Guide \u304b\u3089\u3001\u8a72\u5f53\u3057\u305f\u3082\u306e\u3060\u3051\u3092\u629c\u304d\u51fa\u3057\u3001\u8db3\u308a\u306a\u304b\u3063\u305f\u90e8\u5206\u3092\u8ffd\u8a18<\/ul>\n<h3>\u66f4\u65b0\u4e4b\u524d<\/h3>\n<p>Update your Angular CLI globally and locally, and migrate the configuration to the new angular.json format by running the following:<\/p>\n<pre class=\"post-pre\"><code>npm <span class=\"nb\">install<\/span> <span class=\"nt\">-g<\/span> @angular\/cli\r\nnpm uninstall @angular\/cli <span class=\"nt\">--save<\/span>\r\nnpm <span class=\"nb\">install<\/span> @angular\/cli <span class=\"nt\">--save-dev<\/span>\r\nng update @angular\/cli\r\n<\/code><\/pre>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">Update any scripts you may have in your package.json to use the latest Angular CLI commands. All CLI commands now use two dashes for flags (eg ng build &#8211;prod &#8211;source-map) to be POSIX compliant.<\/ul>\n<\/li>\n<\/ul>\n<p>@angular\/core \u3092update\u3057\u305f\u969b\u306b angularfire2 \u3067\u4e0b\u8a18\u306e\u30a8\u30e9\u30fc\u3092\u9632\u3050\u305f\u3081\u3001 rxjs-compat \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/p>\n<p>Package &#8220;angularfire2&#8221; has an incompatible peer dependency to &#8220;rxjs&#8221; (requires &#8220;^5.5.4&#8221;, would install &#8220;6.2.2&#8221;).<\/p>\n<pre class=\"post-pre\"><code>npm <span class=\"nb\">install<\/span> <span class=\"nt\">--save<\/span> rxjs-compat\r\n<\/code><\/pre>\n<p>@angular\/flex-layout \u306e6\u7cfb\u6700\u65b0\u7248\u3092\u500b\u5225\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb (\u4e0b\u8a18\u306e\u30a8\u30e9\u30fc\u7528\u306e\u5bfe\u5fdc)<br \/>\n&gt; Package &#8220;@angular\/flex-layout&#8221; has an incompatible peer dependency to &#8220;rxjs&#8221; (requires &#8220;^5.5.0&#8221;, would install &#8220;6.2.2&#8221;).<br \/>\n&gt; Incompatible peer dependencies found. See above.<\/p>\n<pre class=\"post-pre\"><code>npm <span class=\"nb\">install<\/span> <span class=\"nt\">--save<\/span> @angular\/flex-layout@6.0.0-beta.16\r\n<\/code><\/pre>\n<p>Update all of your Angular framework packages to v6, and the correct version of RxJS and TypeScript.<\/p>\n<pre class=\"post-pre\"><code>ng update @angular\/core\r\n<\/code><\/pre>\n<p>\u66f4\u65b0\u540e\uff0cTypeScript \u548c RxJS \u5c06\u66f4\u51c6\u786e\u5730\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u6d41\u52a8\u7c7b\u578b\uff0c\u8fd9\u53ef\u80fd\u4f1a\u66b4\u9732\u5e94\u7528\u7a0b\u5e8f\u7c7b\u578b\u4e2d\u7684\u73b0\u6709\u9519\u8bef\u3002<\/p>\n<p>Update Angular Material to the latest version.<\/p>\n<pre class=\"post-pre\"><code>ng update @angular\/material\r\n<\/code><\/pre>\n<p>\u8fd9\u5c06\u540c\u65f6\u81ea\u52a8\u8fc1\u79fb\u8fc7\u65f6\u7684API\u3002<\/p>\n<p>Use ng update or your normal package manager tools to identify and update other dependencies.<\/p>\n<h3>\u66f4\u65b0\u540e<\/h3>\n<p>Remove deprecated RxJS 6 features using rxjs-tslint auto update rules.<br \/>\nFor most applications this will mean running the following two commands:<\/p>\n<pre class=\"post-pre\"><code>npm <span class=\"nb\">install<\/span> <span class=\"nt\">-g<\/span> rxjs-tslint\r\nnpm <span class=\"nb\">install<\/span> <span class=\"nt\">-g<\/span> typescript\r\nrxjs-5-to-6-migrate <span class=\"nt\">-p<\/span> src\/tsconfig.app.json\r\n<\/code><\/pre>\n<p>Once you and all of your dependencies have updated to RxJS 6, remove rxjs-compat.<\/p>\n<pre class=\"post-pre\"><code>npm uninstall rxjs-compat <span class=\"nt\">--save<\/span>\r\n<\/code><\/pre>\n<h2>\u5728\u66f4\u65b0\u904e\u7a0b\u4e2d\u9047\u5230\u7684\u932f\u8aa4\u3002<\/h2>\n<h3>@angular\/cli \u7684\u9519\u8bef<\/h3>\n<blockquote><p>\u60a8\u7684\u5168\u5c40 Angular CLI \u7248\u672c\uff086.0.8\uff09\u6bd4\u672c\u5730\u7248\u672c\uff081.6.8\uff09\u66f4\u9ad8\u3002\u5c06\u4f7f\u7528\u672c\u5730 Angular CLI \u7248\u672c\u3002<\/p>\n<p>\u5982\u679c\u8981\u7981\u7528\u6b64\u8b66\u544a\uff0c\u8bf7\u4f7f\u7528 &#8220;ng config -g cli.warnings.versionMismatch false&#8221; \u547d\u4ee4\u3002<br \/>\n\u6307\u5b9a\u7684\u66f4\u65b0\u547d\u4ee4\u65e0\u6548\u3002\u6709\u5173\u53ef\u7528\u9009\u9879\uff0c\u8bf7\u53c2\u9605 ng help\u3002<\/p><\/blockquote>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">\u89e3\u6c7a\u7b56<\/ul>\n<\/li>\n<\/ul>\n<p>\u4e00\u65e6uninstall\u3057\u3001\u6539\u3081\u3066install\u3059\u308b\u3068\u3001\u6700\u65b0\u7248\u306e6\u7cfb\u304c\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u308b<br \/>\nangular\/angular-cli &#8211; ng update failed with angular 5 project generated by CLI 1.7.4 #10664<\/p>\n<pre class=\"post-pre\"><code>npm uninstall @angular\/cli <span class=\"nt\">--save<\/span>\r\nnpm <span class=\"nb\">install<\/span> @angular\/cli <span class=\"nt\">--save-dev<\/span>\r\n<\/code><\/pre>\n<h3>AngularFire2 \u7684\u9519\u8bef<\/h3>\n<blockquote><p>\u8f6f\u4ef6\u5305\u201dangularfire2\u201c\u4e0e\u201drxjs\u201c\u5b58\u5728\u4e0d\u517c\u5bb9\u7684\u540c\u884c\u4f9d\u8d56\u5173\u7cfb\uff08\u9700\u8981\u201d^5.5.4\u201c\uff0c\u4f46\u5b9e\u9645\u4e0a\u5b89\u88c5\u7684\u662f\u201d6.2.2\u201c\uff09\u3002<\/p><\/blockquote>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">\u89e3\u6c7a\u7b56<\/ul>\n<\/li>\n<\/ul>\n<p>rxjs-compat \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<br \/>\nangularfire 2 isn&#8217;t working with Angular 6 #1602<\/p>\n<pre class=\"post-pre\"><code>npm <span class=\"nb\">install<\/span> <span class=\"nt\">--save<\/span> rxjs-compat\r\n<\/code><\/pre>\n<h3>@angular\/flex-layout \u51fa\u9519<\/h3>\n<pre class=\"post-pre\"><code><span class=\"nv\">$ <\/span>ng update @angular\/core\r\n<\/code><\/pre>\n<blockquote><p>\u8f6f\u4ef6\u5305\u201c@angular\/flex-layout\u201d\u4e0e\u201crxjs\u201d\u6709\u4e0d\u517c\u5bb9\u7684\u540c\u7ea7\u4f9d\u8d56\u5173\u7cfb\uff08\u9700\u8981\u201c^5.5.0\u201d\uff0c\u4f46\u5b89\u88c5\u7684\u662f\u201c6.2.2\u201d\uff09\u3002<br \/>\n\u53d1\u73b0\u4e0d\u517c\u5bb9\u7684\u540c\u7ea7\u4f9d\u8d56\u5173\u7cfb\u3002\u8bf7\u53c2\u89c1\u4e0a\u6587\u3002<\/p><\/blockquote>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">\u89e3\u6c7a\u7b56<\/ul>\n<\/li>\n<\/ul>\n<p>flex-layout\u306e6\u7cfb\u6700\u65b0\u7248\u3092\u500b\u5225\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<br \/>\nangular\/flex-layout &#8211; Angular 6 support #735<\/p>\n<pre class=\"post-pre\"><code>npm <span class=\"nb\">install<\/span> <span class=\"nt\">--save<\/span> @angular\/flex-layout@6.0.0-beta.16\r\n<\/code><\/pre>\n<h3>rxjs-5-to-6-migrate\u7684\u9519\u8bef<\/h3>\n<blockquote><p>$ rxjs-5-to-6-migrate -p src\/tsconfig.app.json<br \/>\n\u6b63\u5728\u8fd0\u884c\u81ea\u52a8\u8fc1\u79fb\u3002\u8bf7\u8010\u5fc3\u7b49\u5f85\uff0c\u76f4\u5230\u6267\u884c\u5b8c\u6210\u3002<br \/>\n\u9519\u8bef\uff1a\u627e\u4e0d\u5230\u6a21\u5757\u201ctypescript\u201d\u3002<\/p><\/blockquote>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">\u89e3\u6c7a\u7b56<\/ul>\n<\/li>\n<\/ul>\n<p>\u30b0\u30ed\u30fc\u30d0\u30eb\u306b typescript \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<br \/>\nReactiveX\/rxjs-tslint &#8211; rxjs-5-to-6-migrate &#8211; cannot find any possible migration<\/p>\n<pre class=\"post-pre\"><code>npm <span class=\"nb\">install<\/span> <span class=\"nt\">-g<\/span> typescript\r\n<\/code><\/pre>\n<h3>Observable.of \u7684\u9519\u8bef\u3002<\/h3>\n<p>(Observable.of&#8217;s error)<\/p>\n<blockquote><p>Observable.of \u4e0d\u662f\u4e00\u4e2a\u51fd\u6570<br \/>\n&#8211; \u89e3\u51b3\u65b9\u6cd5\uff1a<br \/>\n&#8211; \u6dfb\u52a0 import {of} from &#8216;rxjs&#8217;;<br \/>\n&#8211; \u5c06 Observable.of \u66f4\u6539\u4e3a\u53ea\u4f7f\u7528 of<br \/>\n&#8211; \u5e26\u6709\u6b63\u786e\u5bfc\u5165\u65b9\u5f0f\u7684 Observable.of is not a function &#8211; StackOverflow<\/p><\/blockquote>\n<h3>\u8f6c\u6362\u6620\u5c04\u51fd\u6570\u7684\u9519\u8bef<\/h3>\n<blockquote><p>switchMap \u4e0d\u662f\u4e00\u4e2a\u51fd\u6570<\/p>\n<p>&#8211; \u89e3\u51b3\u65b9\u6848<br \/>\n&#8211; \u5728\u7ba1\u9053\u64cd\u4f5c\u7b26\u4e2d\u4f7f\u7528 switchMap \u66ff\u4ee3<br \/>\n&#8211; \u6211\u4e0d\u660e\u767d\u5728 Angular 6 \u548c RxJS 6 \u4e2d\u4f7f\u7528 interval\u3001switchMap \u548c map \u7684\u5185\u5bb9 &#8211; StackOverflow<\/p><\/blockquote>\n<h3>Angularfire2\u51fa\u73b0\u9519\u8bef\u3002<\/h3>\n<blockquote><p>\u7c7b\u578b &#8216;AngularFireUploadTask&#8217; \u4e0a\u4e0d\u5b58\u5728\u5c5e\u6027 &#8216;downloadURL&#8217;\u3002<\/p><\/blockquote>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">\u89e3\u6c7a\u7b56<\/ul>\n<\/li>\n<\/ul>\n<p>downloadUrl \u304c\u7121\u304f\u306a\u3063\u305f\u306e\u3067\u3001\u5f62\u5f0f\u3092\u5927\u5e45\u306b\u5909\u66f4\u3059\u308b\u5fc5\u8981\u3042\u308a<br \/>\nAngularFireStorage &#8211; angularfire2\/docs\/storage\/storage.md<br \/>\nAngularfire2 Error \u201cProperty &#8216;downloadURL does not exist on type &#8216;AngularFireUploadTask&#8217;.\u201d<\/p>\n<p>https:\/\/blog.angular.io\/file-uploads-come-to-angularfire-6842352b3b47<br \/>\nrxjs-compat missing &#8216;toPromise&#8217; operator<\/p>\n<h3>\u65e5\u671f\u7ba1\u9053\u7684\u9519\u8bef<\/h3>\n<blockquote><p>\u65e0\u6cd5\u5c06\u201cTimestamp\u201d\u8f6c\u6362\u4e3a\u65e5\u671f\u2019 \u7528\u4e8e\u7ba1\u9053 \u2018DatePipe\u2019\u3002<\/p><\/blockquote>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">\u89e3\u6c7a\u7b56<\/ul>\n<\/li>\n<\/ul>\n<p>{{ createdAt.toDate() | date:&#8217;yyyy\/MM\/dd HH:mm&#8217; }} \u306e\u3088\u3046\u306b\u3001 .toDate() \u3092\u52a0\u3048\u308b<br \/>\nDatePipe is not working correctly in Angular 6 &#8211; StackOverflow<\/p>\n<h3>ng build\u4ea7\u751f\u7684\u9519\u8bef<\/h3>\n<p>ng build \u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u304b\u3089 &#8211;target \u3068 &#8211;environment \u306f\u7121\u304f\u306a\u3063\u305f<br \/>\n\u4ee3\u308f\u308a\u306b\u3001 &#8211;configuration \u3092\u4f7f\u3046<\/p>\n<p>ng build &#8211;aot &#8211;target=production &#8211;environment=dev \u3092\u66f8\u304d\u63db\u3048\u308b\u5834\u5408<\/p>\n<p>angular.json \u306e configurations \u5185\u306b\u3001 production \u3068\u540c\u3058\u4e2d\u8eab\u3067 dev \u3092\u8ffd\u52a0\u3057\u3001 fileReplacements \u3060\u3051\u524a\u9664<br \/>\n\u305d\u306e\u4ed6\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u306f\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u5909\u66f4<br \/>\n\u30b3\u30de\u30f3\u30c9\u90e8\u5206\u3092 ng build &#8211;configuration=dev \u306b\u7f6e\u304d\u63db\u3048<\/p>\n<pre class=\"post-pre\"><code>          <span class=\"nl\">\"configurations\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n            <span class=\"nl\">\"production\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n              <span class=\"nl\">\"optimization\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"outputHashing\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"all\"<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"sourceMap\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"extractCss\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"namedChunks\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"aot\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"extractLicenses\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"vendorChunk\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"buildOptimizer\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"fileReplacements\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>\r\n                <span class=\"p\">{<\/span>\r\n                  <span class=\"nl\">\"replace\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"src\/environments\/environment.ts\"<\/span><span class=\"p\">,<\/span>\r\n                  <span class=\"nl\">\"with\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"src\/environments\/environment.prod.ts\"<\/span>\r\n                <span class=\"p\">}<\/span>\r\n              <span class=\"p\">]<\/span>\r\n            <span class=\"p\">},<\/span>\r\n            <span class=\"nl\">\"dev\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n              <span class=\"nl\">\"optimization\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"outputHashing\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"all\"<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"sourceMap\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"extractCss\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"namedChunks\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"aot\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"extractLicenses\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"vendorChunk\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span>\r\n              <span class=\"nl\">\"buildOptimizer\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span>\r\n            <span class=\"p\">}<\/span>\r\n          <span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<h2>\u8bf7\u53c2\u8003<\/h2>\n<ul class=\"post-ul\">Version 6 of Angular Now Available<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u603b\u7ed3 Angular\u672c\u4f53\u30925.2\u304b\u30896\u7cfb\u306b\u30e1\u30b8\u30e3\u30fc\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u3057\u305f\u969b\u306e\u8db3\u8de1\u3068\u5f15\u3063\u304b\u304b\u3063\u305f\u70b9\u306e\u30e1\u30e2 \u516c\u5f0f\u5347\u7ea7 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-38895","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u5728\u9047\u5230Angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5.2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217 - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/zh\/blog\/\u5728\u9047\u5230angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5-2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217\u3002\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u5728\u9047\u5230Angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5.2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217\" \/>\n<meta property=\"og:description\" content=\"\u603b\u7ed3 Angular\u672c\u4f53\u30925.2\u304b\u30896\u7cfb\u306b\u30e1\u30b8\u30e3\u30fc\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u3057\u305f\u969b\u306e\u8db3\u8de1\u3068\u5f15\u3063\u304b\u304b\u3063\u305f\u70b9\u306e\u30e1\u30e2 \u516c\u5f0f\u5347\u7ea7 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u5728\u9047\u5230angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5-2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217\u3002\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-04T20:57:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-29T11:45:33+00:00\" \/>\n<meta name=\"author\" content=\"\u97f5, \u79d1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u97f5, \u79d1\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/\",\"name\":\"\u5728\u9047\u5230Angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5.2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217 - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2024-01-04T20:57:42+00:00\",\"dateModified\":\"2024-04-29T11:45:33+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/6530331a63adef3b3443a1fab53a0e6e\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u5728\u9047\u5230Angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5.2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/6530331a63adef3b3443a1fab53a0e6e\",\"name\":\"\u97f5, \u79d1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429ccb39b3fff5188bc17986222cfb0936cbadb8cc933cff04ab5ca01bd30a08?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429ccb39b3fff5188bc17986222cfb0936cbadb8cc933cff04ab5ca01bd30a08?s=96&d=mm&r=g\",\"caption\":\"\u97f5, \u79d1\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/yunke\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u5728\u9047\u5230Angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5.2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217 - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/zh\/blog\/\u5728\u9047\u5230angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5-2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217\u3002\/","og_locale":"zh_CN","og_type":"article","og_title":"\u5728\u9047\u5230Angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5.2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217","og_description":"\u603b\u7ed3 Angular\u672c\u4f53\u30925.2\u304b\u30896\u7cfb\u306b\u30e1\u30b8\u30e3\u30fc\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u3057\u305f\u969b\u306e\u8db3\u8de1\u3068\u5f15\u3063\u304b\u304b\u3063\u305f\u70b9\u306e\u30e1\u30e2 \u516c\u5f0f\u5347\u7ea7 [&hellip;]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u5728\u9047\u5230angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5-2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217\u3002\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2024-01-04T20:57:42+00:00","article_modified_time":"2024-04-29T11:45:33+00:00","author":"\u97f5, \u79d1","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u97f5, \u79d1","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"3 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/","name":"\u5728\u9047\u5230Angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5.2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217 - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2024-01-04T20:57:42+00:00","dateModified":"2024-04-29T11:45:33+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/6530331a63adef3b3443a1fab53a0e6e"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u5728\u9047\u5230Angular\u7684\u5347\u7ea7\u96be\u9898\u65f6\uff0c\u4ece5.2\u7248\u672c\u5347\u7ea7\u52306\u7cfb\u5217"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/6530331a63adef3b3443a1fab53a0e6e","name":"\u97f5, \u79d1","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429ccb39b3fff5188bc17986222cfb0936cbadb8cc933cff04ab5ca01bd30a08?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429ccb39b3fff5188bc17986222cfb0936cbadb8cc933cff04ab5ca01bd30a08?s=96&d=mm&r=g","caption":"\u97f5, \u79d1"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/yunke\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%9c%a8%e9%81%87%e5%88%b0angular%e7%9a%84%e5%8d%87%e7%ba%a7%e9%9a%be%e9%a2%98%e6%97%b6%ef%bc%8c%e4%bb%8e5-2%e7%89%88%e6%9c%ac%e5%8d%87%e7%ba%a7%e5%88%b06%e7%b3%bb%e5%88%97%e3%80%82\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/38895","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=38895"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/38895\/revisions"}],"predecessor-version":[{"id":87271,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/38895\/revisions\/87271"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=38895"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=38895"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=38895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}