CODEWITHSUNDEEP
javascripthtmlangularjsionic-frameworkplunker
KulOmkar
KulOmkar

Reputation: 263

How can I make this plunker runnable?

I am trying to check out my ionic project which is built through angular js but unable to make runnable it on plunker. It's working on my local machine, with all rpm packages, etc 

<!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 to Plunker here, also need your suggestions to improve it

Upvotes: 2

Views: 188

Answers (1)

exabyssus
exabyssus

Reputation: 441

jQuery is not loading because plunker needs https. Just change the url to src="https://code....

And you are using ionic, so you should include ionic library.

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

Upvotes: 0

Related Questions