小编rod*_*boc的帖子

我试图了解如何在a ng-content为空时创建if来显示.

<div #contentWrapper [hidden]="isOpen">
    <ng-content ></ng-content>
</div>

<span *ngIf="contentWrapper.childNodes.length == 0">
    <p>Display this if ng-content is empty!</p>
</span>

当内容为空时我尝试使用那个显示数据,但即使信息为空也不会显示<span>标签

谢谢,永远感谢你的帮助.

JS Cookies 删除cookie，未定义

大家好，我试图从域中删除 cookie，但我不能，控制台返回未定义。

当我登录时，cookie 设置在 .dev.books.com 中，但之后 URL 更改为 platform.dev.books.com 并保留相同的 cookie。我要删除的cookie的名称是bookId，这是我的尝试：

Cookies.set('bookId', ' ');

但要更改 cookie 值，请使用域 platform.dev.books.com 创建一个新的 cookie

如果我使用

Cookie.remove('bookId') 

控制台返回未定义

谢谢，任何帮助都会有帮助

我一直在尝试在 CSS Grid 上使用下图，但结果非常具有挑战性

该图像代表一个体育场，但很难使它看起来像所附的图像。几点考虑

• 角是三角形，所以最难的部分是使它们具有那种形状并且响应迅速。

• 我可以使用 CSS Mask 来处理形状和间距，但这会切断几个圆圈。

我做了我的尝试，错误和错误，并成功了一半。知道如何使它工作吗？或者如果有人有不同的方法也会帮助我

https://jsfiddle.net/rodboc/9psa4bg3/1/

有什么想法吗？

.grid {
  max-width: 80vw;
  min-height: 90vh;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 30% [main-start] 40% [main-end] 30%;
  grid-template-rows: 20% [main-start] 30% [main-end] 20%;
  margin: 0 auto;
}

[class^="item"] {
  background-color: blue;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
}

.item1 {
  background-color: red;
  grid-area: main;
}
.circle {
  width: 5px;
  height: 5px;
  overflow: hidden;
  background: #ccc;
  border-radius: 50%;
  margin: 1px;
  padding: 0;
} …