找了一圈,没有发现特别详细的关于在 angular6/7 中使用 Word Cloud 标签云的好的教程,然后花了点时间看了下官方文档,也不太详细,这里做下详细教程。
1、首先通过npm命令进行下载,运行这两个命令即可
npm install angular4-word-cloud --save
npm install d3 --save
2、在appmodule中引用该模块
import { AgWordCloudModule } from 'angular4-word-cloud';
// In your App's module:
imports: [
AgWordCloudModule.forRoot()
]
3、在angular.json中添加script
"scripts": [
***
"../node_modules/angular4-word-cloud/d3.min.js"
]
4、html中加入标签
<div AgWordCloud [wordData]="wordData" [options]="options"></div>
5、ts中引入并添加相关参数
//our root app component
import {Component, NgModul