前言:公司想用一套代码分别解决cs端和bs端的问卷调查,功能大体相同,所以在约束了字段之后,我们决定用最原始的html和jq来完成这单独的部分功能,bs端用的框架是angular这就需要解决一个问题如何将你自己写的jq的js代码引入angular中并在angualr项目中直接使用。
普通情况我们可以直接用require(‘../../../js/文件名’)
但是这种情况只能加载一次,并且有时候显示内容不全针对这种情况我们进行如下解决
- js的代码如何写才能被angular中调用
将$(function(){}) 中的代码用$.函数名称代替
例如: $(function{ $.headers = function(){
//各种功能 //各种功能
}) }
- 在angular.json中引入相关的json
“scripts”[
"src/js/header.js",
"src/js/addProblems.js",
"src/js/questionnaire.js"
]
- 这样就可以在ts文件中直接使用了