html - 根据 Angular 6 中的条件更改 div 宽度

标签 html css angular angular5 angular6

我想根据以下条件更改 div 宽度,

<div [ngStyle]="'width': selectedTab =='Home' ? '50%' : '100%'">

</div>

我正在获取已在“selectedTab”中选择的选项卡。

我有两个标签。

1)索引

2)首页

如果我选择“索引”选项卡,则 div 宽度应为“100%”。如果我选择主页选项卡,则 div 宽度应为“50%”。我写了 [ngStyle] 条件,但它不起作用。

请帮助我如何处理这种情况。

最佳答案

试试这个:

<div [style.width]="selectedTab =='Home' ? '50%' : '100%'"></div>

关于html - 根据 Angular 6 中的条件更改 div 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52059453/

相关文章:

javascript - 如何将弹出网站的 html 转换为移动兼容网站?

html - 对齐右输入和左标签

html - PNG 被视为矩形 - 我可以忽略透明区域吗?

javascript - 将现有的 Div 放入 DOM div?

html - 如何让 <div> 填满除导航栏之外的整个屏幕

angular - 如何在不干扰/覆盖 Angular Material 设计的情况下以 Angular 使用引导网格样式

angularjs - 在 Angular 中使用 cdkDropListData 时出错,无法绑定(bind)到 'cdkDropListData',因为它不是 'div' 的已知属性

angularjs - 为什么 Zone.js 会改变 AngularJS 评估属性的方式?

html - 并排 Bootstrap 两个表的标题问题

javascript - react JSX : Maximum update depth exceeded