Angular 调整角度6中的div大小

我正在处理角度调整元素

使用：

我的模块

import { ResizableModule } from 'angular-resizable-element';

@NgModule({
  imports: [ResizableModule],
})

我的组件TS

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

我的组件HTML

<div
    mwlResizable
    [enableGhostResize]="true"
    [resizeEdges]="{bottom: true, right: true, top: true, left: true}"
    (resizeEnd)="onResizeEnd($event)">
</div>

任何人都可以提供正确的语法来定义我的应用程序中的样式

非常感谢您的帮助。

，无法将

样式

和

样式URL

组合在一起：

通过设置样式或样式URL元数据

此外，您在CSS中编写的属性不正确。应放在方括号内：

[mwlResizable] {
    box-sizing: border-box; 
}

[mwlResizable] {
    box-sizing: border-box; 
}