将 p-sidebar 的关闭图标设置为隐藏答案

【问题标题】：Setting primeng close icon to hidden for the p-sidebar将 p-sidebar 的关闭图标设置为隐藏
【发布时间】：2018-08-14 04:56:46
【问题描述】：

我没有成功隐藏 p 侧边栏的关闭图标。可能很简单，但我试过了：

<p-sidebar [(visible)]="displaySideBar" position="left" showCloseIcon="false">
<p-sidebar [(visible)]="displaySideBar" position="left" showCloseIcon="hideIconVariable">
<p-sidebar [(visible)]="displaySideBar" position="left" [showCloseIcon]="false">
<p-sidebar [(visible)]="displaySideBar" position="left" [showCloseIcon]="hideIconVariable">

最后 2 个示例产生了错误。感谢您的帮助！

【问题讨论】：

最后 2 个应该可以正常工作。绑定到属性确实是使用方括号完成的。你能显示错误信息吗？也许这与您的进口有关
无法绑定到“showCloseIcon”，因为它不是“p-sidebar”的已知属性。
你的侧边栏真的有效吗？就像将可见设置为“真”一样，它是否正确显示了侧边栏？将其余属性全部丢弃（位置/showCloseIcon）。
我发现：显示侧边栏没有错误。此外，我在 OP 中的第一个示例也显示没有错误。但在这些情况下，我确实看到了关闭图标 (x)。
我最好的选择是您使用的是旧版本的primeng，因为该属性是根据commit最近引入的，也许您需要升级软件包

标签： angular primeng

【解决方案1】：

您需要使用 [showCloseIcon]="false"。因为我认为 showCloseIcon="false" 是通过字符串获取的，所以您可以使用 console.log() 进行检查 :)

【讨论】：