17

刚刚查看了 Angular 团队发布的最后一个 Angular 版本。Angular2 出来了，他们已经发布了他们的新网页https://angular.io。

在那里，他们有一个 5 分钟的快速入门项目，可以快速显示新语法以及您必须使用什么来执行新的 Angular 应用程序。

我刚刚完成了所有步骤以使其正常工作，但加载需要 4.93 秒。

我只是想知道，角度 2 有那么慢吗？或者也许我错过了一些步骤。

这是我的代码

// app.es6

import { Component, Template, bootstrap } from "angular2/angular2";

// Annotation section
@Component({
  selector: "my-app"
})
@Template({
  inline: "<h1>Hello {{ name }}</h1>"
})
// Component controller
class MyAppComponent {
  constructor() {
    this.name = "Alex!";
  }
}

bootstrap(MyAppComponent);

和index.html

<!-- index.html -->
<html>

<head>
    <title>Angular 2 Quickstart</title>
    <script src="dist/es6-shim.js"></script>
</head>

<body>

    <!-- The app component created in app.js -->
    <my-app></my-app>

    <script>
        // Rewrite the paths to load the files
          System.paths = {
            'angular2/*':'angular2/*.js', // Angular
            'rtts_assert/*': 'rtts_assert/*.js', //Runtime assertions
            'app': 'app.js' // The my-app component
          };

          // Kick off the application
          System.import('app');
    </script>
</body>

</html>
4

3 回答 3

31
  • 您正在使用 RTTS（运行时类型系统检查）运行它非常适合开发，但对于生产来说很慢
  • 我们没有将所有文件连接成单个文件以进行快速加载。
  • 我们仍然有缓慢的变化检测，因为快速的变化检测还没有在 Dart 中工作，我们希望保持一致。

请参阅https://github.com/djsmith42/angular2_calendar，了解如何让它快速运行。

于 2015-03-09T01:32:57.870 回答
4

是的，使用 angular2 编写的页面很慢。

我并不是说 angular2 代码很慢（我不敢），只是您可以使用 angular 编写的最简单的页面将在 5 秒或更长时间内加载。有很多文件需要加载。确实，您可以通过组合文件来加快速度，从而减少 http 请求，并注意不要加载您不使用的内容，但它永远不会像简单的 html + js 页面那样快。

但重要的是要记住，Angular 是为单页应用程序设计的。所有依赖项在单个索引文件中加载一次，从那时起，角度路由允许您导航到不同的“页面”，这些“页面”实际上只是模板文件。

换句话说，一旦完成了大笔的前期打击，它可以非常快，最重要的是，非常有成效。

于 2016-05-11T15:11:31.097 回答
1

如果您按照最新版本的 alpha27 逐行执行快速入门教程，则加载速度会非常慢，因为 System.js 和 angular2.min.js 文件需要很长时间才能加载。如果您可以使用我们自己的服务器来托管它们，那就更好了。此外，从您的代码来看，您似乎使用的是 pre-alpha20 代码库。升级到 alpha27，速度要快得多。

于 2015-06-20T02:43:50.617 回答