html - 带有条件的 li 标记在不满足条件时创建空格
问题描述
我正在开发一个角度应用程序。我正在尝试创建一个列表并在我的<li>
标签中有一个检查条件。当条件不满足时,我不想创建项目。我的代码
<ul>
<li [style.visibility]="data.First == 'Y' ? 'visible' : 'hidden'">
<span>
First Item
</span>
</li>
<li [style.visibility]="data.Second == 'Y' ? 'visible' : 'hidden'">
<span>
Second Item
</span>
</li>
</ul>
当条件不满足时,项目不会添加到列表中,但会为该行创建空白空间。如何避免创建空行?我也试过 *ngIf 但这没有帮助。
解决方案
可见性如何避免空行尝试
<li [style.display]="data.Second == 'Y' ? 'block' : 'none'">
推荐阅读
- bash - grep: -P 在 Jenkins 中仅支持单字节和 UTF-8 语言环境
- getstream-io - 固定提要之后的通知提要未显示活动
- python - Python 字典,值键映射
- javascript - 如何通过ajax post请求传递子对象
- java - 在 Spring Boot 中处理数据库
- excel - 将 Excel 文件另存为 .CSV 时未保存所需的日期格式
- vb.net - VB.net过滤访问数据库
- unity3d - 卸载应用程序时注销用户的最佳方法是什么?
- numpy - NumPy:如何使用“有损”变换来变换 ndarray 的形状
- django - Django 选择字段重命名第一个选项