I want to use a range slider in an angular project and I tried using one available module for angular 4.

它在编译期间工作得很好,但是当我try 为部署构建它时,它抛出了下面的错误.

enter image description here

我判断了在Angular 项目中直接使用jQuery插件的选项,我只得到了在Angular 2中这样做的选项.

Is there any way we can use jQuery plugins in Angular 4?

Please let me know.

提前谢谢!

推荐答案

是的,您可以将jquery与Angular 4结合使用

Steps:

1)在标签中将index.html放在行下.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

2) 在下面的组件ts文件中,您必须像这样声明var

import { Component } from '@angular/core';
declare var jquery:any;
declare var $ :any;

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'angular 4 with jquery';
  toggleTitle(){
    $('.title').slideToggle(); //
  }

}

并将此代码用于相应的html文件,如下所示:

<h1 class="title" style="display:none">
  {{title}}
</h1>
<button (click)="toggleTitle()"> clickhere</button>

This will work for you. Thanks

Jquery相关问答推荐

$ 不是函数 - jQuery 错误

禁用提交按钮,直到所有字段都有值

jQuery函数从数组中获取所有唯一元素?

纯css关闭按钮

如何知道所有ajax调用何时完成

如何使用 jQuery 重置 jquery Select 的 Select 选项?

如何在 Jquery 中通过索引获取子元素?

如何使用给定的 url 判断图像是否存在?

Chart.js 中饼图的点击事件

jQuery 判断 是否存在并且有一个值

Bootstrap 折叠动画不流畅

按文本 Select 链接(完全匹配)

从 Select 元素中获取选定的选项

jQuery $(".class").click(); - 多个元素,点击事件一次

父母的jQuery父母

如何在纯 JavaScript 中模拟鼠标悬停以激活 CSS:悬停?

Jquery live() 与委托()

更改 url 而不使用 javascript 重定向

JS - 从base64代码中获取图片的宽高

使用 jQuery/Javascript 防止任何形式的页面刷新