离子框架 - Angular：在我的 html 代码中包含库不起作用

Posted 2023-05-09

【中文标题】离子框架 - Angular：在我的 html 代码中包含库不起作用

【英文标题】：Ionic framework - Angular: include libraries in my html code is not working

【发布时间】：2017-10-30 15:14:55

【问题描述】：

我正在使用 Ionic 和 Angular 开发一个混合应用程序，我尝试包含用于拖动服务的 jquery UI，但它对我不起作用我尝试了简单的示例来查看它是否有效，但它没有。这是我的代码

<ion-view view-title="vm.title" class="exlhoist-dashboard-view">

  <ion-content
    has-bouncing="true"
    padding="true"
    scroll="true">
    <div id="draggable" class="ui-widget-content">
      <p>Drag me</p>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script type='text/javascript'>
      $(function() 
        $( "#draggable" ).draggable();
      );
    </script>
  </ion-content>

</ion-view>

【参考方案1】：

您是否安装了 Jquery 包？有时不安装软件包，您可能会收到这些错误。 安装jquery的步骤 1.首先，安装包

npm install jquery --save

安装打字文件

npm install -g 打字

typings install dt~jquery --global --save

将文件导入您的项目

从'jquery'导入*为$

【讨论】：

如何导入文件？我的意思是我把“import * as $ from 'jquery'”放在哪里？

我的代码不支持这个“导入”这里是我的代码的 sn-p：'use strict'; module.exports = angular .module('app.dashboard.controller', ['ngTouch']) .controller('appDashboard', appDashboard) ...

那我建议重新安装整个包