“隐藏”用括号没有角度的工作

发布于 2025-02-10 00:36:39 字数 209 浏览 2 评论 0原文

我将[hidden] =“ true”添加到Angular中的HTML元素，但该元素仍然可见。我注意到，当我从附近删除[]时，该元素现在根据需要隐藏。为什么[hidden] =“ true”与括号合作？我在stackoverflow和其他地方看到了许多引用，但无法使其起作用。这是弃用吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

从此见与不见 2025-02-17 00:36:39

尝试一下。希望它对您有帮助。

<div [hidden]="'true'"><div/>

try this. hope it will help you.

<div [hidden]="'true'"><div/>

回复收藏 0 原文

纵性 2025-02-17 00:36:39

它应该像您的解释一样工作。否则，其他东西将覆盖隐藏。例如：

某些样式可以覆盖隐藏。样式和课程可以从某个地方继承？

<input [hidden]="true" style="display: block">

可以明确不允许这样做。如果您不想更改冲突的班级而只是强迫这一点，这可能会很有用。

[hidden] {
  display: none !important;
}

替代方法可能是使用dispaly：无：

<input [style.display]="'none'">

此输入是隐藏的，但仍在DOM中。

It should work like you explained. Otherwise something else is overwriting hidden. For example:

Some styles can overwrite hidden. Styles and classes may be inherited from somewhere?

<input [hidden]="true" style="display: block">

It would be possible to explicitly not allow that. This might be useful if you don't want to change conflicting classes rather just force this on.

[hidden] {
  display: none !important;
}

Alternative could be to use dispaly: none:

<input [style.display]="'none'">

This input is hidden but still in the DOM.

回复收藏 0 原文

浪推晚风 2025-02-17 00:36:39

感谢大家的回答。我只是意识到这是因为我试图在index.html的内部使用它，该在角度入口点之外。

回复收藏 0 原文

岁吢 2025-02-17 00:36:39

您可以在HTML文件中使用样式的“可见性”。
可见性要么是“可见”或“隐藏”

<div [style.visibility]="'visible'"></div>

<div [style.visibility]="'hidden'"></div>

<div [style.visibility]="showMyDiv ? 'visible' : 'hidden'"></div>

，在您的.TS文件中：可见性：

showMyDiv() {
// return true or false
}

You can use the style "visibility" inside your html file.
visibility is either "visible" or "hidden"

<div [style.visibility]="'visible'"></div>

<div [style.visibility]="'hidden'"></div>

<div [style.visibility]="showMyDiv ? 'visible' : 'hidden'"></div>

With, in your .TS file: