Angular 如何在Gridster中编辑设置textarea

我已经使用Gridster 2在angular应用程序中创建了小部件。 但是我现在有一个问题，在一个小部件中有一个文本区域输入字段，但是这个输入字段不能编辑，因为整个小部件是可拖动的

我曾尝试使用z-index，但它不起作用

代码如下：

<gridster-item>

 <textarea class="textarea" matInput placeholder="Enter your comment ..." [(ngModel)]="feedsComment"></textarea>
</gridster-item>

如何设置小部件，以便编辑此输入字段

致以最良好的祝愿

---

Leo

您可以使用

$event.stopPropagation（）

在与文本区域交互时防止拖动

以下是如何使用它：

<gridster-item>
  <div (mousedown)="$event.stopPropagation()" (touchstart)="$event.stopPropagation()">
   <textarea class="textarea" matInput placeholder="Enter your comment ..." [(ngModel)]="feedsComment"></textarea>
  </div>
</gridster-item>

---

我仍然可以在仪表板中使用textarea

我在仪表板上用textarea做了一个演示

您必须检查css和仪表板选项

---

嗯。。文本区域是否显示，是否可单击？