Ionic framework 如何向爱奥尼亚2 Plunker添加插件_Ionic Framework_Plunker

Ionic framework 如何向爱奥尼亚2 Plunker添加插件

ionic-framework

Ionic framework 如何向爱奥尼亚2 Plunker添加插件,ionic-framework,plunker,Ionic Framework,Plunker,嗨，我有下面的爱奥尼亚2 我想将Angular 2 Flex布局（下面的链接）添加到这个plunker中，这样我就可以在home.html上访问它。我该怎么办非常感谢我的索引如下所示： <head> <script src="https://code.angularjs.org/tools/system.js"></script> <script src="https://code.angularjs.org/tools/type

嗨，我有下面的爱奥尼亚2

我想将Angular 2 Flex布局（下面的链接）添加到这个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>


System.import（'app.ts'）

对于angular和ionic来说，这种特殊的plunker实际上已经过时了。不幸的是，自从2.0变得稳定以来，似乎没有一个分支，更不用说4.0当前的分支了

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

更新：我继续，得到了一个空白设置工作。你可以在这里看到：

这里是运行Flex布局的

要添加插件，您必须将它们添加到systemJs配置中，路径与umd类似：

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

这是指向解包版本的路径

希望有帮助

对于Angle和ionic来说，这种特殊的撞击实际上已经过时了。不幸的是，自从2.0变得稳定以来，似乎没有一个分支，更不用说4.0当前的分支了