jquery - 如何从角度调用jquery函数?
问题描述
我从 angular 6 开始,我对如何调用 jquery 函数有点困惑。
这是我的 app.conponent.html:
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Clients</a>
<a href="#">Contact</a>
</div>
<div class="main">
<nav class="navigator">
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link" onclick="openNav()" href="#"><i class="material-icons">menu</i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
</ul>
</nav>
</div>
<router-outlet></router-outlet>
这是我的 app.component.ts:
import { Component, OnInit } from '@angular/core';
import * as $ from 'jquery';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
title = 'Look jQuery Animation working in action!';
public ngOnInit()
{
$(document).ready(function(){
$('#mySidenav').click(function(){
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
});
$('#mySidenav').click(function(){
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
});
});
}
}
如果我使用标签 $('div').click(function(){ 并且只使用一个函数,这将按预期工作。但我想,我需要将每个不同的 id 与其各自的函数区分开来。
从角度调用 jQuery 函数的最佳实践是什么?
谢谢你的时间。
亲切的问候。
解决方案
只需输入控制台:
npm i @types/jquery
就是这样。
推荐阅读
- javascript - 推送并替换数组中的值
- embedded - NCV7751 基于 SPI 的低端继电器驱动器 IC 不工作
- excel - 尝试返回范围;运行时错误 91
- python - 如何在 python imap 中获取电子邮件附件大小
- python - Spyder IDE 绘图
- html - Angular 材质卡片分页器
- c# - Unity Shader Graph - 如何更改参数 --- 如何同时更改所有对象上的网格参数?
- java - Spring JPA:XML 配置 - 没有符合条件的存储库 bean/找不到元素“jpa:repositories”的声明
- java - 在 java 中使用 DateFormatter 获取 UTC 时间
- c - 米斯拉。写出例外的理由