2016-07-12 10 views
2

Ich versuche, mein ionischen Projekt zu überprüfen, das throgh angular js ist, aber nicht in der Lage, es auf Plunker lauffähig zu machen. Seine Arbeit an meinem lokalen Rechner, mit allen npm Pakete usw.Wie kann ich diesen Plunker lauffähig machen?

<!DOCTYPE html> 
<html data-ng-app='starter.controllers'> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-touch.js"></script> 

    <link href="style.css" rel="stylesheet"> 

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css"> 

     <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 


    <!-- your app's js --> 
    <script src="app.js"></script> 
    <script src="controllers.js"></script> 


    <script src="services.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>  

    </head> 
    <body ng-app="starter" style="background-color: #E6E6FA; "> 
    <!-- 
     The nav bar that will be updated as we navigate between views. 
    --> 
    <ion-nav-bar class="bar-stable"> 
     <ion-nav-back-button> 
     </ion-nav-back-button> 
    </ion-nav-bar> 
    <!-- 
     The views will be rendered in the <ion-nav-view> directive below 
     Templates are in the /templates folder (but you could also 
     have templates inline in this html file if you'd like). 
    --> 
    <ion-nav-view></ion-nav-view> 
    </body> 
</html> 

Link-here zu Plunker, müssen auch Ihre Vorschläge es

+0

Kann ich meine Git-Link – KulOmkar

+2

geben Fügen Sie den Code in der Frage und stellen Sie einen Link zu Plunkr. Nicht nur ein Link. –

+0

@ Marcus H - HTML-Code hier nur hinzugefügt können Sie alle Code auf Punker Link – KulOmkar

Antwort

0

jQuery Laden ist nicht zu verbessern, weil Plunker https muss. Ändern Sie einfach die URL zu src="https://code....

Und Sie verwenden ionische, sollten Sie also ionische Bibliothek enthalten.

<script src="https://code.ionicframework.com/1.3.1/js/ionic.bundle.min.js"></script> 
+0

ich habe es als vorgeschlagen – KulOmkar

+0

Fügen Sie alle erforderlichen Dateien, Sie verwenden ngDraggable aber .js Datei wird nicht hinzugefügt. jQuery wird immer noch nicht geladen, es muss von der HTTPS-Quelle kommen oder in Plunker gespeichert werden. – exabyssus

+0

Plunker tut nicht wirklich _need_ 'https'. Die Art und Weise, wie die Dinge funktionieren, ist, dass wenn der Editor (oder Embed) über "https" geladen wird, die Vorschau auch _need_ als "https" (aufgrund von Richtlinien für gemischte Inhalte) ausführen soll. Da die Vorschau als https ausgeführt wird, folgen die Vorschauelemente denselben Richtlinien für gemischte Inhalte. – filearts