我怎样才能使这个 plunker 可运行？答案

【问题标题】：How can I make this plunker runnable?我怎样才能使这个 plunker 可运行？
【发布时间】：2016-11-14 05:36:49
【问题描述】：

我正在尝试检查我的 ionic 项目，该项目是通过 angular js 构建的，但无法在 plunker 上运行。它在我的本地机器上运行，包含所有 rpm 包等

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

链接到 Plunker here，还需要你的建议来改进它

【问题讨论】：

我可以提供我的 Git 链接吗
在问题中添加代码并提供指向 plunkr 的链接。不仅仅是一个链接。
@Marcus H - 在这里添加了 html 代码，只有你可以看到 punker 链接上的所有代码

标签： javascript html angularjs ionic-framework plunker

【解决方案1】：

jQuery 没有加载，因为 plunker 需要 https。只需将网址更改为src="https://code....

而且你正在使用离子，所以你应该包括离子库。

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

【讨论】：

我按照你的建议添加了
添加所有必需的文件，您正在使用 ngDraggable 但未添加 .js 文件。 jQuery 仍然无法加载，它必须来自 HTTPS 源或存储在 plunker 中。
Plunker 实际上需要 https。工作方式是，如果编辑器（或嵌入）通过https 加载，预览也将需要以https 运行（因为混合内容策略）。由于预览版以 https 运行，因此预览版资产遵循相同的混合内容政策。
@Omkar - 我希望如此。我建立了 Plunker。