{"id":39556,"date":"2023-04-18T12:56:16","date_gmt":"2023-11-19T17:00:21","guid":{"rendered":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/"},"modified":"2024-01-15T10:17:45","modified_gmt":"2024-01-15T02:17:45","slug":"%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/","title":{"rendered":"\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\u8fc7\u8d39\u529b\u5730\u5c1d\u8bd5Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8"},"content":{"rendered":"

Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8\u6307\u5357\u662f\u4ec0\u4e48\uff1f<\/h1>\n

\u8fd9\u662fAngular2\u6587\u6863\u4e2d\u6700\u521d\u5217\u51fa\u7684\u793a\u4f8b\u5e94\u7528\u7a0b\u5e8f\u3002<\/p>\n

\u51c6\u5907\u5c31\u7eea<\/h1>\n

\u66ab\u6642\u5148\u5b89\u88dd\u4e86\u4ee5\u4e0b\u7684\u6771\u897f\u3002\u53e6\u5916\uff0c\u6211\u7684\u74b0\u5883\u662fWindows\u3002\u540c\u6642\uff0c\u6211\u4e5f\u5b89\u88dd\u4e86\u76ee\u524d\u6700\u65b0\u7248\u672c\u3002<\/p>\n

\u8bf8\u5982node.js\u7b49<\/h2>\n
    \n
  1. \n
      node.js v5.10.1 \/ https:\/\/nodejs.org\/en\/<\/ol>\n<\/li>\n<\/ol>\n

      node.js \u7248\u672c5.10.1 \/ https:\/\/nodejs.org\/en\/<\/p>\n

      git for windows \/ https:\/\/git-for-windows.github.io\/<\/p>\n

      \u9002\u7528\u4e8eWindows\u7684Git \/ https:\/\/git-for-windows.github.io\/<\/p>\n

      Python3.5.1 \/ https:\/\/www.python.org\/<\/p>\n

      Python3.5.1 \/ https:\/\/www.python.org\/<\/p>\n

      grunt\u5de5\u4f5c<\/h2>\n

      \u5728\u4f7f\u7528npm init\u521b\u5efa\u4e86package.json\u4e4b\u540e\uff0c\u5b89\u88c5\u4ee5\u4e0b\u63d2\u4ef6\u3002<\/p>\n

        \n
      1. \n
          grunt-cli\uff08\u5168\u5c40\u5b89\u88c5\uff09<\/ol>\n<\/li>\n<\/ol>\n

           <\/p>\n

            \n
          1. \n
              grunt<\/ol>\n<\/li>\n<\/ol>\n

               <\/p>\n

                grunt-contrib-connect<\/ol>\n

                \u521b\u5efaGruntfile.js<\/h1>\n

                \u6211\u60f3\u7528grunt-contrib-connect\u5efa\u7acb\u4e00\u4e2aweb\u670d\u52a1\u5668\uff0c\u6240\u4ee5\u6211\u4f1a\u53c2\u8003http:\/\/qiita.com\/ginpei\/items\/6a3f870da2a9ec043627\u7684Gruntfile.js\u8fdb\u884c\u521b\u5efa\u3002\u975e\u5e38\u611f\u8c22\uff0c\u7136\u540e\u590d\u5236\u7c98\u8d34\u3002<\/p>\n

                module<\/span>.<\/span>exports<\/span> =<\/span> function<\/span> (<\/span>grunt<\/span>)<\/span> {<\/span>\r\n    grunt<\/span>.<\/span>initConfig<\/span>({<\/span>\r\n        connect<\/span>:<\/span> {<\/span>\r\n            local<\/span>:<\/span> {<\/span>\r\n                options<\/span>:<\/span> {<\/span>\r\n                    keepalive<\/span>:<\/span> true<\/span>,<\/span>\r\n                    port<\/span>:<\/span> 1234<\/span>\r\n                }<\/span>\r\n            }<\/span>\r\n        }<\/span>\r\n    });<\/span>\r\n    grunt<\/span>.<\/span>loadNpmTasks<\/span>(<\/span>'<\/span>grunt-contrib-connect<\/span>'<\/span>);<\/span>\r\n};<\/span>\r\n<\/code><\/pre>\n
                \u901a\u8fc7\u63a7\u5236\u53f0\u8fd0\u884cgrunt connect\u547d\u4ee4\uff0c\u5982\u679c\u51fa\u73b0\u4ee5\u4e0b\u7c7b\u4f3c\u7684\u663e\u793a\uff0c\u5219\u8868\u793aOK\u3002<\/p>\n
                > grunt connect\r\nRunning \"connect:local\" (connect) task\r\nWaiting forever...\r\nStarted connect web server on http:\/\/localhost:1234\r\n<\/code><\/pre>\n
                \u5982\u679c\u4f60\u5728\u6d4f\u89c8\u5668\u4e2d\u8bbf\u95eelocalhost:1234\uff0c\u5e76\u4e14\u80fd\u591f\u770b\u5230\u7c7b\u4f3c\u7684\u54cd\u5e94\uff0c\u90a3\u5c31\u610f\u5473\u7740Web\u670d\u52a1\u5668\u6b63\u5728\u8fd0\u884c\u3002<\/p>\n
                \u5c06\u6e90\u4ee3\u7801\u590d\u5236\u7c98\u8d34<\/h1>\n
                \u8bf7\u5148\u521b\u5efa\u4e00\u4e2a\u540d\u4e3a5min-quickstart\u7684\u6587\u4ef6\u5939\u4f5c\u4e3a\u5de5\u4f5c\u76ee\u5f55\u3002\u7136\u540e\u5728\u8be5\u6587\u4ef6\u5939\u4e0b\uff0c\u4ecehttps:\/\/angular.io\/docs\/ts\/latest\/quickstart.html\u590d\u5236\u5e76\u4fdd\u5b58\u4ee5\u4e0b\u6587\u4ef6\u3002<\/p>\n
                  \n
                • \n
                    app\/app.component.ts<\/ul>\n<\/li>\n<\/ul>\n
                     <\/p>\n
                      \n
                    • \n
                        app\/main.ts<\/ul>\n<\/li>\n<\/ul>\n
                         <\/p>\n
                          \n
                        • \n
                            index.html<\/ul>\n<\/li>\n<\/ul>\n
                             <\/p>\n
                              styles.css (excerpt)<\/ul>\n
                              \u6839\u636e\u81f3\u4eca\u4e3a\u6b62\u7684\u6b65\u9aa4\uff0c\u6587\u4ef6\u7684\u7ed3\u6784\u53ef\u80fd\u662f\u8fd9\u6837\u7684\u5f62\u5f0f\u3002<\/p>\n
                              + [5min-quickstart]\r\n|  + [app]\r\n|  |  + app.component.ts\r\n|  |  + main.ts\r\n|  |\r\n|  + index.html\r\n|  + styles.css\r\n|\r\n+ package.json\r\n+ Gruntfile.js\r\n<\/code><\/pre>\n
                              5\u5206\u949f\u5feb\u901f\u5165\u95e8\u4e2d\uff0c\u5047\u8bbe\u4f7f\u7528TypeScript\u8fdb\u884c\u7f16\u5199\uff0c\u4f46\u662f\u7531\u4e8eTypeScript\u7684\u5f15\u5165\u6bd4\u8f83\u9ebb\u70e6\uff0c\u6240\u4ee5\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u7a0d\u4f5c\u4fee\u6539index.html\u6587\u4ef6\u6765\u7b80\u5316\u64cd\u4f5c\u3002<\/p>\n
                              \u5bf9index.html\u8fdb\u884c\u4fee\u6539<\/h1>\n
                              \u5728 https:\/\/angular.io\/ \u4e0a\u5c55\u793a\u7684\u4ee3\u7801\uff08\u5982 The Basics\uff09\u662f\u76f4\u63a5\u4f7f\u7528 ts \u6587\u4ef6\u6765\u8fd0\u884c Angular2 \u5e94\u7528\u7684\u6e90\u4ee3\u7801\u3002<\/p>\n
                              \u90a3\u4e48\uff0c\u8bf7\u6309\u7167\u4ee5\u4e0b\u65b9\u5f0f\u4fee\u65395\u5206\u949f\u5feb\u901f\u5165\u95e8\u7684index.html\u6587\u4ef6\u3002<\/p>\n
                                  <!-- 1. Load libraries -->\r\n    <!-- IE required polyfills, in this exact order -->\r\n    <script src=\"node_modules\/es6-shim\/es6-shim.min.js\"><\/script>\r\n    <script src=\"node_modules\/systemjs\/dist\/system-polyfills.js\"><\/script>\r\n    <script src=\"node_modules\/angular2\/es6\/dev\/src\/testing\/shims_for_IE.js\"><\/script>   \r\n\r\n    <script src=\"node_modules\/angular2\/bundles\/angular2-polyfills.js\"><\/script>\r\n    <script src=\"node_modules\/systemjs\/dist\/system.src.js\"><\/script>\r\n    <script src=\"node_modules\/rxjs\/bundles\/Rx.js\"><\/script>\r\n    <script src=\"node_modules\/angular2\/bundles\/angular2.dev.js\"><\/script>\r\n\r\n    <!-- 2. Configure SystemJS -->\r\n    <script>\r\n      System.config({\r\n        packages: {        \r\n          app: {\r\n            format: 'register',\r\n            defaultExtension: 'js'\r\n          }\r\n        }\r\n      });\r\n      System.import('app\/main')\r\n            .then(null, console.error.bind(console));\r\n    <\/script>\r\n<\/code><\/pre>\n
                              \u8fd9\u4e2a\u2026 …)<\/p>\n
                                  <!-- 1. Load libraries -->\r\n    <!-- IE required polyfills (from CDN), in this exact order -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/es6-shim\/0.35.0\/es6-shim.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/systemjs\/0.19.26\/system-polyfills.js\"><\/script>\r\n    <script src=\"https:\/\/npmcdn.com\/angular2\/es6\/dev\/src\/testing\/shims_for_IE.js\"><\/script>\r\n    <script src=\"https:\/\/code.angularjs.org\/tools\/system.js\"><\/script>\r\n    <script src=\"https:\/\/code.angularjs.org\/tools\/typescript.js\"><\/script>\r\n    <script src=\"https:\/\/code.angularjs.org\/2.0.0-beta.15\/angular2-polyfills.js\"><\/script>\r\n    <script src=\"https:\/\/code.angularjs.org\/2.0.0-beta.15\/Rx.js\"><\/script>\r\n    <script src=\"https:\/\/code.angularjs.org\/2.0.0-beta.15\/angular2.dev.js\"><\/script>\r\n\r\n    <!-- 2. Configure SystemJS -->\r\n    <script>\r\n      System.config({\r\n        transpiler: 'typescript',\r\n        typescriptOptions: { emitDecoratorMetadata: true },\r\n        packages: {'app': {defaultExtension: 'ts'}}\r\n      });\r\n      System.import('app\/main')\r\n            .then(null, console.error.bind(console));\r\n    <\/script>\r\n<\/code><\/pre>\n
                              \u5047\u8bbe\u3002<\/p>\n
                              \u5982\u679c\u5bfc\u5165\u4e86typescript.js\u5e76\u6b63\u786e\u914d\u7f6e\u4e86SystemJS\uff0c\u5c31\u53ef\u4ee5\u76f4\u63a5\u4f7f\u7528ts\u6587\u4ef6\u3002(\u6211\u8ba4\u4e3a)<\/p>\n
                              \u6267\u884c<\/h1>\n
                              \u53ea\u9700\u8981\u4e00\u4e2a\u9009\u9879\uff1a
                              \n\u901a\u8fc7\u6d4f\u89c8\u5668\u8bbf\u95ee http:\/\/localhost:1234\/5min-quickstart\/index.html \u5c31\u53ef\u4ee5\u4e86\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
                              Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8\u6307\u5357\u662f\u4ec0\u4e48\uff1f \u8fd9\u662fAngular2\u6587\u6863\u4e2d\u6700\u521d\u5217\u51fa\u7684\u793a\u4f8b\u5e94\u7528\u7a0b\u5e8f\u3002 \u51c6\u5907\u5c31\u7eea \u66ab […]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-39556","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\n\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\u8fc7\u8d39\u529b\u5730\u5c1d\u8bd5Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8 - 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\/\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\u8fc7\u8d39\u529b\u5730\u5c1d\u8bd5Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8\" \/>\n<meta property=\"og:description\" content=\"Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8\u6307\u5357\u662f\u4ec0\u4e48\uff1f \u8fd9\u662fAngular2\u6587\u6863\u4e2d\u6700\u521d\u5217\u51fa\u7684\u793a\u4f8b\u5e94\u7528\u7a0b\u5e8f\u3002 \u51c6\u5907\u5c31\u7eea \u66ab […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-19T17:00:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-15T02:17:45+00:00\" \/>\n<meta name=\"author\" content=\"\u96c5, \u609f\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u96c5, \u609f\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 \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%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/\",\"name\":\"\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\u8fc7\u8d39\u529b\u5730\u5c1d\u8bd5Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8 - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2023-11-19T17:00:21+00:00\",\"dateModified\":\"2024-01-15T02:17:45+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/f044a4b7fa4ee2701702942002419ca6\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\u8fc7\u8d39\u529b\u5730\u5c1d\u8bd5Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8\"}]},{\"@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\/f044a4b7fa4ee2701702942002419ca6\",\"name\":\"\u96c5, \u609f\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e71a913e914f1aad1efc391f92084294bac54bc782acd289638580134cf667a6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e71a913e914f1aad1efc391f92084294bac54bc782acd289638580134cf667a6?s=96&d=mm&r=g\",\"caption\":\"\u96c5, \u609f\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/yawu\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\u8fc7\u8d39\u529b\u5730\u5c1d\u8bd5Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8 - 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\/\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\/","og_locale":"zh_CN","og_type":"article","og_title":"\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\u8fc7\u8d39\u529b\u5730\u5c1d\u8bd5Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8","og_description":"Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8\u6307\u5357\u662f\u4ec0\u4e48\uff1f \u8fd9\u662fAngular2\u6587\u6863\u4e2d\u6700\u521d\u5217\u51fa\u7684\u793a\u4f8b\u5e94\u7528\u7a0b\u5e8f\u3002 \u51c6\u5907\u5c31\u7eea \u66ab […]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2023-11-19T17:00:21+00:00","article_modified_time":"2024-01-15T02:17:45+00:00","author":"\u96c5, \u609f","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u96c5, \u609f","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/","name":"\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\u8fc7\u8d39\u529b\u5730\u5c1d\u8bd5Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8 - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2023-11-19T17:00:21+00:00","dateModified":"2024-01-15T02:17:45+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/f044a4b7fa4ee2701702942002419ca6"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u53ea\u9700\u4e00\u79cd\u9009\u9879\uff0c\u7528\u4e2d\u56fd\u4f20\u7edf\u65b9\u5f0f\u89e3\u91ca\u5982\u4e0b\uff1a\u4e0d\u8981\u592a\u8fc7\u8d39\u529b\u5730\u5c1d\u8bd5Angular2\u76845\u5206\u949f\u5feb\u901f\u5165\u95e8"}]},{"@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\/f044a4b7fa4ee2701702942002419ca6","name":"\u96c5, \u609f","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e71a913e914f1aad1efc391f92084294bac54bc782acd289638580134cf667a6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e71a913e914f1aad1efc391f92084294bac54bc782acd289638580134cf667a6?s=96&d=mm&r=g","caption":"\u96c5, \u609f"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/yawu\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%8f%aa%e9%9c%80%e4%b8%80%e7%a7%8d%e9%80%89%e9%a1%b9%ef%bc%8c%e7%94%a8%e4%b8%ad%e5%9b%bd%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e8%a7%a3%e9%87%8a%e5%a6%82%e4%b8%8b%ef%bc%9a%e4%b8%8d%e8%a6%81%e5%a4%aa\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/39556","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=39556"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/39556\/revisions"}],"predecessor-version":[{"id":58553,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/39556\/revisions\/58553"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=39556"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=39556"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=39556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}