2017-05-05 6 views
1

Hiにプラグインを追加するにはどうすれば持っている私は、このplunkerに角度2 Flexのレイアウト(下記リンク)を追加したいと思いイオン2 Plunker

Ionic 2 Environmentイオン2の次PlunkerようにI home.htmlにアクセスしてください。私はこれについてどうやって行くのですか?

Angular Flex Layout

事前に感謝します。

私のインデックスは次のようになります。

<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/[email protected]/bundles/ionic.system.js"></script> 

    <link href="https://npmcdn.com/[email protected]/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> 

答えて

0

この特定plunkerは角とイオンの両方のためにかなり古くなって実際にあります。残念ながら4.0の現在のブランチだけでなく、2.0が安定していたので、1つのようではありません。

あなたはそれを何らかの形で動作させるかもしれませんが、それは良いテスト/サンプルツールではないと思います。

更新:私は先に進み、空白の設定で作業しています。あなたはここでそれを見ることができます:http://plnkr.co/edit/y8R0MF?p=info

そして、ここでは、Flex-レイアウトはあなたのようなUMDへのパスとsystemJs設定に追加する必要があるプラグインを追加するには

を実行すると次のとおりです。

'@angular/compiler': 'npm:@angular/[email protected]/bundles/compiler.umd.js', 

は、開梱されたバージョンへのパスです

希望に役立ちます!