angular7中使用插件美化滚动条样式

依赖插件

• jQuery
• niceScroll

安装

• cnpm i jquery --save
• cnpm install jquery.nicescroll

引入

angular.json

"scripts": [
	"node_modules/_jquery@3.3.1@jquery/dist/jquery.min.js",
	"node_modules/_jquery.nicescroll@3.7.6@jquery.nicescroll/dist/jquery.nicescroll.min.js"
],

使用

file.component.ts

import { Component, OnInit } from '@angular/core';

// tslint:disable-next-line: no-string-literal
const $ = window['jQuery'];

@Component({
  selector: 'app-file',
  templateUrl: './file.component.html',
  styleUrls: ['./file.component.styl']
})
export class FileComponent implements OnInit {

    constructor() { }

    ngOnInit() {
        this.scrollBar();
    }

    scrollBar() {
        $('.content_wrapper').niceScroll({});
    }
}

配置项

• https://github.com/inuyaksa/jquery.nicescroll
• https://www.cnblogs.com/yjmBlogs/p/7646612.html