如何在ion-item上按条件控制lines属性，解决分隔线不显示问题

你当前的代码存在三个核心问题：

• 没有对lines属性做动态绑定：直接写lines="表达式"的写法会把引号内的内容当成普通字符串传递，Angular不会解析其中的逻辑，你传的type != group会被直接当成字符串值，而ion-item的lines属性仅接受full/inset/none三个有效值，自然不会生效。
• 逻辑冲突：你用*ngIf="type == group"限定了只有type等于group的时候该组件才会渲染，此时lines绑定的type != group的判断结果永远为假，就算绑定逻辑正确也不会触发你想要的效果。
• 常量识别错误：如果你的group是字符串常量而非组件内定义的变量，表达式中需要给group加单引号，否则Angular会将其识别为组件属性，未定义的情况下判断逻辑会永久失效。

1. 用方括号[]绑定lines属性，让Angular能够解析表达式
2. 调整判断逻辑，根据你的实际需求返回lines支持的三个枚举值之一，示例如下：

<!-- 示例：type等于group时显示item，且该item不显示分隔线，其他情况显示全宽分隔线 -->
<ion-item *ngIf="type == 'group'" [lines]="type == 'group' ? 'none' : 'full'">
  <!-- 你的item内容 -->
</ion-item>

如果你的需求是渲染该item时，满足某个条件显示缩进分隔线，就修改返回值即可：

<ion-item [lines]="yourCondition ? 'inset' : 'none'">
  <!-- 内容 -->
</ion-item>

内容的提问来源于stack exchange，提问作者CoderTn