基于属性显示html

Show html based on property

本文关键字：显示 html 属性于属性更新时间：2023-09-26

我在我的项目中使用Angular。我想隐藏一段基于属性的代码:

  {{ user.Active ? </div></div> : ''  }}

这段代码并没有使两个关闭的div呈现到html中。Angular无法解析它。

你能告诉我应该如何修改这一行来呈现我的两个结束div吗?

编辑:

我只想渲染两个结束div。我不想呈现与ng-if属性的div标签在这个线程的回复中提到。

你想:

<div ng-show='user.active'></div>

这不是做你想做的事情的最好方法。您要做的是允许将未转义的文本放入dom中。非转义文本可能导致XSS漏洞。你应该这样做。

<div ng-if="user.Active === true"></div>

这只会把div放到dom中，如果'user '。"积极"是正确的。这是做你想做的事情的更好的方法。当然，可能有更好的方法来使用CSS，但是您必须添加更多的细节才能给出答案。