angular 引入jquery的2种方法总结

安装JQUERY

npm i --save juqery //直接会安装到node_models/jquery 并会自动在package.json里做依赖和声明
npm i --save --dev @type/juqery //和上边差不多，反正哪个都 行吧 就是路径到了node_model/@type/juqery

使用方法一

在各个组件中单独引用后使用

import * as $ from 'jquery'; //因为不是组件 没办法设置成共享模块导出，觉得这种方法比较麻烦

使用方法二

angular.json 里增加全局引入

"scripts": [
              "./node_modules/jquery/dist/jquery.js"
            ]

在每个compent里使用

declare var $:any;//声明$对象
test(){
$("#id").hide();
}
// 这里注意的是必须用函数包裹执行

初始化说明

  //在子视图初始化调用
 ngAfterViewInit(): void {
   
    console.log("zangzhijiance");
    alert($("#test").text());

  }

//检测4次最好不要这样用
ngDoCheck():void{
  alert($("#test").text());
}