您的位置:首页 > Web前端 > CSS

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

2018-03-31 19:53 204 查看
  一、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文件中引入并使用了。

     
9ea8
   (1)页面引入(不要忘记最前面的‘///’);       注意:引入这句话一定要放在ts文件内容最顶上,其他位置不起作用)[html] view plain copy///<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文件夹呢?

    傻子呦,当然是我自己建的啊,你也可以啊!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: