html - 以 Angular 动态设置div高度

标签 html css angular

我有一个要求,其中基于组件中的一些变量值,我是否需要显示一个按钮。如果要显示按钮,则父 div 高度将大于不显示按钮时的 div 高度。

对于这两种情况,我都有以像素为单位的 div 高度。但是是否显示按钮是动态决定的,因此我可以在 css 中硬编码 div 高度。

我怎样才能实现它?

最佳答案

你可以使用ngStyle ,基于可以为真或假的 show 的值:

<div [ngStyle]="{'height': show ? '10px' : '100px' }"></<div>

关于html - 以 Angular 动态设置div高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57356333/

相关文章:

html - 如何使 div 正确对齐以开始页面布局? (标题、左面板和主要部分)

angular - 延迟加载。未找到组件工厂。你把它添加到@NgModule.entryComponents 了吗?

ruby-on-rails - devise_token_auth 始终返回 401 未经授权

html - WCF 服务接受后编码的多部分/表单数据

html - 如果我将表格用于 html 表单,SEO 会发生什么情况?

html - 以下 HTML 标记的更好做法是什么?

angular - Angular 5 中日期时间选择器中的回调方法

JavaScript Canvas 羽毛弧

css - 如何使用 javascript 动态修改 CSS 标签值

css - 什么会导致图像替换类仅在 IE7 中失败?