2017-05-05 4 views
1

Hallo hinzufügen Ich habe folgendes Plunker für Ionic 2.Wie Plugin Ionic 2 Plunker

Ionic 2 Environment

Ich mag würde das Angular 2 Flex-Layout (Link unten) zu diesen Plunker hinzuzufügen, so dass ich habe Zugang dazu auf der home.html. Wie würde ich darüber gehen?

Angular Flex Layout

Vielen Dank im Voraus.

Mein Index wie folgt aussieht:

<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> 

Antwort

0

Diese spezifische Plunker eigentlich ziemlich veraltet ist sowohl für die Winkel- und ionische. Leider scheint es keinen zu geben, seit 2.0 ging stabil, geschweige denn der 4.0 aktuelle Zweig.

Sie können es irgendwie damit arbeiten, aber ich denke nicht, dass es ein gutes Test/Beispiel-Tool wäre.

Update: Ich ging voran und bekam eine mit leeren Einstellungen arbeiten. Sie können es hier sehen: http://plnkr.co/edit/y8R0MF?p=info

und es ist hier mit Flex-Layout-

laufenden Plugins hinzuzufügen können, um sie zu dem systemJs Config mit dem Pfad zu den umd wie hinzufügen:

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

was ist ein Pfad zur entpackten Version

Hoffe, dass hilft!