如何解决创建一个 Angular 可调整大小的水平卡片
我正在按照此 Stackblitz Link 创建一个可调整大小的有角度的卡片布局,如下图所示。 resizable card layout 在这里,当我向右或向左拖动顶部标题时,需要调整卡片内容和标题的大小,但我的问题是拖动属性在我的代码中不起作用
我的 HTML 代码:
<div class="container">
<div class="row">
<div class="col-3" [resizableMinWidth]=30 appResizable>
SNO
</div>
<div class="col-3" [resizableMinWidth]=30 appResizable>
Name
</div>
<div class="col-3" [resizableMinWidth]=30 appResizable>
Desigination
</div>
</div>
<div class="card">
<div class="row">
<div class="col-3">
01
</div>
<div class="col-3">
Sam
</div>
<div class="col-3">
SE
</div>
</div>
</div>
</div>
我的 CSS 代码:
.container {
display:flex;
justify-content:flex-start;
flex-direction: column;
}
解决方法
您是否将指令添加到模块中?在属于您的 module.ts 的声明部分添加 ResizableDirective 很重要
@NgModule({ imports: [ BrowserModule,FormsModule ],declarations: [ AppComponent,ResizableDirective ],bootstrap: [ AppComponent ] })
如果不是这种情况,请让我知道寻找其他原因。 :) 如果您包含堆栈跟踪以及文件 .ts
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。