Question

嗨我有以下Plunker for Ionic 2.

我想将Angular 2 Flex Layout（下面的链接）添加到此plunker，以便我可以在home.html上访问它。我该怎么做呢？

非常感谢提前。

我的索引如下：

<head>
    <script src="https://code.angularjs.org/tools/system.js"></script>
    <script src="https://code.angularjs.org/tools/typescript.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.15/angular2-polyfills.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.15/angular2.dev.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.15/router.dev.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.15/http.dev.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.15/Rx.js"></script>
    <script src="config.js"></script>
    <script src="https://npmcdn.com/ionic-angular@2.0.0-beta.6/bundles/ionic.system.js"></script>

    <link href="https://npmcdn.com/ionic-angular@2.0.0-beta.6/bundles/ionic.ios.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
  </head>

  <body>
    <!-- this Ionic's root component and where the app will load -->
    <ion-app></ion-app>

    <script>
      System.import('app.ts')
    </script>
  </body>

</html>

Answer 1

对于角度和离子，这种特殊的喷射器实际上已经过时了。不幸的是，似乎并不是一个，因为2.0稳定了，更不用说4.0当前的分支了。

你可能会以某种方式使用它，但我不认为这将是一个很好的测试/示例工具。

更新：我继续前进，让一个人处理空白设置。你可以在这里看到它：http://plnkr.co/edit/y8R0MF?p=info

这就是Flex-Layout运行

要添加插件，您必须将它们添加到systemJs配置中，并使用umd的路径：

'@angular/compiler': 'npm:@angular/compiler@4.1.2/bundles/compiler.umd.js',

这是解压缩版本的路径

希望有所帮助！

如何在Ionic 2 Plunker中添加插件

1 个答案: