第一步:安装依赖包
npm i ng2-dragula -D
第二步:在模块文件中配置注入器的地方注入 ng2-dragula
import {DragulaModule} from 'ng2-dragula';
@NgModule({
declarations: [
],
imports: [
DragulaModule.forRoot()
],
providers: [
{provide: NZ_I18N, useValue: zh_CN},
]
})
export class AppModule {
}
第三步:如果有朋友安装完依赖包出现报错信息 Uncaught ReferenceError: global is not defined,解决办法:找到src目录下的polyfills.ts文件,加入以下代码:(意思是将全局的global对象指定成window对象)
/***************************************************************************************************
* APPLICATION IMPORTS
*/
(window as any).global = window;
第四步:在html中使用该插件
<div class="container" dragula="CLICKS" [(dragulaModel)]="temOpti