问题描述
我已经在下面发布了我的代码。我正在使用 angular DragDropModule 并且由于某种原因 [cdkDragFreeDragPosition]
不起作用。它给了我如下所示的错误。我将 DragDropModule 添加到我的 ngModule 中,如下所示。当我删除 [cdkDragFreeDragPosition]
标签时,拖放工作正常,但添加后它会给我如下所示的错误。 [cdkDragStartDelay]="1000"
也给出了同样的错误。我不知道为什么会出现这个问题。试图在网上找到解决方案,但找不到。任何帮助将不胜感激。
<div class="example-boundary">
<div class="example-Box"
cdkDragBoundary=".example-boundary"
cdkDrag
*ngFor="let table of tables"
id="{{table._id}}"
(cdkDragEnded)="dragEnd($event)"
[cdkDragdisabled]="false"
[cdkDragFreeDragPosition]="getTablePosition(table)"
(cdkDragMoved)="dragMoved($event,table)">{{table.username}}
</div>
import { ServerOrderComponent } from './server-order/server-order.component';
import {DragDropModule} from '@angular/cdk/drag-drop';
@NgModule({
imports: [
MDBBootstrapModule.forRoot(),TranslateModule.forRoot({
loader: {
provide: TranslateLoader,useFactory: HttpLoaderFactory,deps: [HttpClient]
}
}),browserModule,ReactiveFormsModule,HttpClientModule,routing,FormsModule,NotifierModule.withConfig(customNotifierOptions),HttpModule,MatIconModule,browserAnimationsModule,MatSidenavModule,MatCheckBoxModule,MatFormFieldModule,MatTableModule,MatSortModule,MatDividerModule,MatButtonToggleModule,MatProgressspinnerModule,NgMultiSelectDropDownModule.forRoot(),DragDropModule
],entryComponents: [],declarations: [
AppComponent,ServerOrderComponent
],providers: [
],bootstrap: [AppComponent]
})
export class AppModule {
}
解决方法
所以环顾四周后,我决定升级到 angular material 8,因为我使用的是 angular 7,它不支持。升级后,一切正常。