Javascript 角形罐';t绑定到';德拉古拉';因为它不是';t'的已知属性;ul';
我一直在尝试在Angular 2应用程序中使用dragula,但我无法让它工作 以下是我在app.module.ts中输入的内容Javascript 角形罐';t绑定到';德拉古拉';因为它不是';t'的已知属性;ul';,javascript,angular,npm,webpack,ng2-dragula,Javascript,Angular,Npm,Webpack,Ng2 Dragula,我一直在尝试在Angular 2应用程序中使用dragula,但我无法让它工作 以下是我在app.module.ts中输入的内容 import { DragulaModule, DragulaService } from 'ng2-dragula/ng2-dragula'; @NgModule({ imports: [ // ... DragulaModule ], declarations: [ ... ], providers
import { DragulaModule, DragulaService } from 'ng2-dragula/ng2-dragula';
@NgModule({
imports: [
// ...
DragulaModule
],
declarations: [ ... ],
providers: [
DragulaService
],
bootstrap: [ ... ]
})
export class AppModule {}
在我使用Dragula的组件中,我以这种方式导入了它:
import { DragulaModule, DragulaService } from 'ng2-dragula/ng2-dragula';
export class MyComponent implements OnInit, OnDestroy {
constructor(private dragulaService: DragulaService) {}
下面是我试图在视图中构建的一个简单的东西,它不起作用:
<ul [dragula]="'one'" [dragulaModel]="items">
<li *ngFor="let item of items">{{item}}</li>
</ul>
- {{item}
我试着从“ng2-dragula”、“ng2-dragula/ng2-dragula”和我在网上找到的解决方案中导入它们,但到目前为止运气不佳。当我尝试console.log DragularModule和DragularService以查看是否找到它们时,DragularService返回一个包含内容的函数,而DragularModule返回一个空函数
以下是我在控制台中得到的错误:
Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'dragula' since it isn't a known property of 'ul'. ("span> </div> </header> <div class="alert-container"> <jhi-alert-error></jhi-alert-error> </div> <ul [ERROR ->][dragula]="'one'" [dragulaModel]="items"> <li *ngFor="let item of items">{{item}}</li> </ul> <div cla"): MatrixDetailComponent@0:943
Can't bind to 'dragulaModel' since it isn't a known property of 'ul'. ("der> <div class="alert-container"> <jhi-alert-error></jhi-alert-error> </div> <ul [dragula]="'one'" [ERROR ->][dragulaModel]="items"> <li *ngFor="let item of items">{{item}}</li> </ul> <div class="container-flui"): MatrixDetailComponent@0:961
Error: Template parse errors:
Can't bind to 'dragula' since it isn't a known property of 'ul'. ("span> </div> </header> <div class="alert-container"> <jhi-alert-error></jhi-alert-error> </div> <ul [ERROR ->][dragula]="'one'" [dragulaModel]="items"> <li *ngFor="let item of items">{{item}}</li> </ul> <div cla"): MatrixDetailComponent@0:943
Can't bind to 'dragulaModel' since it isn't a known property of 'ul'. ("der> <div class="alert-container"> <jhi-alert-error></jhi-alert-error> </div> <ul [dragula]="'one'" [ERROR ->][dragulaModel]="items"> <li *ngFor="let item of items">{{item}}</li> </ul> <div class="container-flui"): MatrixDetailComponent@0:961
错误:未捕获(承诺中):错误:模板解析错误:
无法绑定到“dragula”,因为它不是“ul”的已知属性。(“span>][dragula]='one'[dragulaModel]='items”>- {{item}}
][dragulaModel]='items>- {{item}}
此修复程序将起作用…您确定需要“提供程序”部分中的
DragulaService
吗?请尝试删除它,看看是否有效。@如果我尝试删除它,我会遇到相同的错误。您尝试使用的组件是否与您导入dragula的组件位于同一模块中?这方面运气好吗?我看到了相同的情况错误。@EricGrover trydragularModule.forRoot()
在你的app.moduler中你确定需要提供者部分的DragulaService
吗?尝试删除它,看看是否有效。@如果我尝试删除它,我会得到相同的错误。你尝试使用的组件是否与你导入dragula的组件在同一个模块中?幸运吗?我看到了相同的错误错误。@EricGrover请在您的app.module中尝试dragularmodule.forRoot()
import {DragulaModule} from "ng2-dragula";
@NgModule({
imports: [DragulaModule],
declarations: []
});