ionic3之js(jQuary),css,图片的引入

2023-11-05

  一、js文件(以jQuary为例)

  相信有很多朋友使用不习惯angularjs,所以想使用已经很熟悉的JQuary。在这里我就给出怎么引入jQuary文件,并使用。

    1、把要引入的jQuary文件放到app下的assets目录下。


    2、在src下的index.html中引入文件。(注意路径)


    3、声明jQuary文件。

        (1)在src目录下建一个文件夹(名字随便),新建文件jquery.d.ts,后缀是.d.ts,名字随意


        (2)编辑该文件,写入declare var$:any;(注意标点符号都是英文的)

     4、这样我们就可以在ts文件中引入并使用了。

        (1)页面引入(不要忘记最前面的‘///’);
       注意: 引入这句话一定要放在ts文件内容最顶上,其他位置不起作用)
[html]  view plain  copy
  1. ///<reference path="../../services/jquery.d.ts"/>  

        然后我们就可以在对应问页面下的ts文件中的使用jQuary了


    还有很重要的一点就是我们在写JQ的时候是不能取到angularjs双向绑定的元素中的额value,所以我们需要这样写。(以点击事件为例)

    

  二、css文件

    和js文件一样可以放在src下的assets文件下面。


    在src下的index引入


    这样就可以发挥作用啦!

三、图片的引入

    和css、js文件放的位置是一样一样的,放在src下的assets下面


    引入的话,在scss文件中的路径是这样子的。

    在html文件中是这样子的。


    这里可能就会有人问,为什么我的assets下没有js、css文件夹呢?

    傻子呦,当然是我自己建的啊,你也可以啊!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ionic3之js(jQuary),css,图片的引入 的相关文章

  • Android中EditText光标的显示与隐藏方法

    目录 Android EditText的光标的显示和隐藏 Android之第一次不显示EditText光标 总结 Android EditText的光标的显示和隐藏 一 java代码 1 编辑框的光标 显示的方法 1 editText se

随机推荐

  • QML HTTP 请求

    作者 一去 二三里 个人微信号 iwaleon 微信公众号 高效程序员 在 Web 开发中 实现与服务器的通信至关重要 其中 HTTP 便是最常用的方式之一 它是一种客户端 服务器协议 客户端向服务器发送请求 服务器则返回响应 常被用于在浏
  • 树莓派4B(armv7l,arm32)buster安装 Qt5、Eigen 3.4.0、OpenCV 4.5.5、ncnn

    经过长时间尝试 目前确定使用树莓派Raspberry Pi OS 32位 buster 的 Legacy 版本 64位和32位的 bullseye 都用过了 发现还是对现有的包支持的不够好 现在从头开始 希望为时不晚 Raspberry P
  • Ubuntu20.04 安装Anaconda相关记录【换源】【指令】【关闭默认环境】

    打开终端默认使用base环境时关闭base环境 在安装了ubuntu20 04版之后因为使用原因需要在环境中安装Anaconda 参照了网上的安装方式之后发现打开终端的时候会默认打开conda的base环境 应为要安装ROS使用 默认环境使
  • java高并发处理 java处理高并发的几种方法

    一 背景综述 并发就是可以使用多个线程或进程 同时处理 就是并发 不同的操作 高并发的时候就是有很多用户在访问 导致系统数据不正确 糗事数据的现象 对于一些大型网站 比如门户网站 在面对大量用户访问 高并发请求方面 基本的解决方案集中在这样
  • Dubbo分布式日志追踪,多线程不能获取窜ID和IP问题

    接着上一篇日志 当用MDC或者ThreadContext来put或者get数据的时候 不同线程是获取不到的 他们都是ThreadLocal维护 所以线程独立 如果需要子线程获取则将参数传入 在Thread的run方法执行的时候将传入的ID和
  • Ubuntu & CentOS配置JAVA JDK环境

    Linux配置Java JDK 环境 下载地址 https www oracle com technetwork java javase downloads jdk8 downloads 2133151 html 根据系统相应版本进行下载
  • 程序流程图

    程序流程图又称程序框图 是以特定图形符号外加文字说明描述程序运行具体步骤的图示 它结合相应的算法 经由处理框 判断框 起止框 连接点 流程线等构成整个流程图 在工作过程中 流程图主要是说明某一特定过程 尤其对于产品经理和交互设计师来说 学会
  • Qt Creator登录对话框

    实现功能 在弹出对话框中填写用户名和密码 按下登录按钮 如果用户名和密码均正确则进入主窗口 如果有错则弹出警告对话框 实现原理 通过上节的多窗口原理实现由登录对话框进入主窗口 而用户名和密码可以用if语句进行判断 实现过程 1 先新建Qt4
  • 基于D-S证据理论的数据融合研究与应用

    1 课题背景及研究的目的和意义 1 1课题背景 证据理论源于20世纪60年代美国哈弗大学的数学家A P Dempster 利用上 下概率来解决多值映射问题方面的研究工作 后来他的学生G Shafer对证据理论引入了信任函数和似然函数的概念
  • 指针数组——元素为指针的数组

    说明 指针数组就是一个数组 这个数组的数组单元都是指针型数据 定义 int a 6 1 2 3 4 5 6 int p 6 数据类型符 变量名 常量表达式 用法 for i 0 i lt 6 i p i a i 就是一个元素为指针的数组 注
  • CTF比赛中常见的MISC解题方法(不涉及内存取证和流量分析)仅供菜鸟,大佬绕道

    我们在ctf比赛中 大多数时候签到题都是misc 会不会有小伙伴因为签到题而感到头痛 其实misc的签到题是非常简单的 不然怎么可能叫签到 好吧 废话不多说 直接说干货 1 题目直接给了编码 比如 前几天的第一届 长城杯 的misc签到题
  • 单片机学习 7-IO拓展(串转并)-74HC595

    I O拓展 串转并 74HC595芯片介绍 上面两张都是 74HC595 芯片管脚图 左侧的 1 脚是 QB 而右侧芯片的 1 脚是 Q1 左侧芯片的 11 脚是 SCK 而右侧芯片的 11 脚是 SH CP 还有很多其他管脚不一样 其实这
  • 【Linux命令详解

    文章标题 简介 一 参数列表 二 使用介绍 1 pwd命令的基本使用 2 pwd命令中的参数 3 pwd命令的工作机制 4 pwd命令的实际应用 总结 简介 pwd命令是Linux中的基础命令之一 使用该命令可以快速查看当前工作目录 在掌握
  • go 实现结构体的复制

    go 将一个结构体里面的数据全部复制到另一个结构体 import reflect func DeepFields ifaceType reflect Type reflect StructField var fields reflect S
  • KEIL Real view MDK中插入空操作NOP

    折腾了大半天 才搞明白一个空操作的指令 先在网上查有的说是 asm NOP 从intrins h里调用 可犄角旮旯全找了 也没看到什么intrint h的文件 如果直接用 就出现 error 1113 Inline assembler no
  • git获取本地用户名和密码命令

    1 查看本地 Git 配置文件 在使用 Git 的过程中 用户的用户名和邮箱地址都会被保存在本地 Git 配置文件中 因此 可以通过查看该配置文件来获取用户名和密码 打开 Git Bash 或者终端窗口 输入以下命令 查看用户名 git c
  • kaggle在output上;pytorch安装包下载后怎么装;(最全的安装包下载带cuda版本)DGL113下载;报错:UserWarning: NVIDIA GeForce RTX;fcntl报错

    1 kaggle在output上运行 可以从kaggle上查看https www kaggle com houzitest cake1111 因为input只能读 所以再output上运行 再执行 import torch print to
  • (C++)输入一行字符,分别统计出其中英文字母、空格、数字的个数

    include
  • echart 实现可以点击下钻的地图

    codescanbox 封装成了一个类 通过 getLoadMap 来获取对应的实例对象 一个是单纯的地图 一个是可以打点的地图 getLoadMap 需要 3 个参数 echarts 实例 registerMap 注册地图的api typ
  • ionic3之js(jQuary),css,图片的引入

    一 js文件 以jQuary为例 相信有很多朋友使用不习惯angularjs 所以想使用已经很熟悉的JQuary 在这里我就给出怎么引入jQuary文件 并使用 1 把要引入的jQuary文件放到app下的assets目录下 2 在src下