小编Yar*_*ada的帖子

mwlresizable 不起作用

我正在尝试调整图片大小,但是在鼠标抬起时,图片只是移动到新位置而不调整大小。

<img id=image1
       ngDraggable
       mwlResizable
       [enableGhostResize]="true"
       [resizeEdges]="{bottom: true, right: true, top: true, left: true}"
       (resizeEnd)="onResizeEnd($event)"
       src="{{user.picture}}">
Run Code Online (Sandbox Code Playgroud)

组件.ts:

import { ResizeEvent } from "angular-resizable-element";

export class Component{

  onResizeEnd(event: ResizeEvent): void {
    console.log('Element was resized', event);
  }
}
Run Code Online (Sandbox Code Playgroud)

应用模块:

...
import {ResizableModule} from "angular-resizable-element";


@NgModule({
  declarations: [
    AppComponent,
    MainComponent
  ],
  imports: [
    BrowserModule,

    HttpClientModule,
    AngularDraggableModule,
    ResizableModule
  ],
  providers: [GetJsonService],
  bootstrap: [AppComponent]
})
export class AppModule { }
Run Code Online (Sandbox Code Playgroud)

我按照书做了一切

javascript resize dynamic angular

6
推荐指数
1
解决办法
1801
查看次数

标签 统计

angular ×1

dynamic ×1

javascript ×1

resize ×1