Prime ng p-inplace 內容和顯示模板未顯示

Question

我正在使用 primeNg 的 p-inplace 並且我正在使用 primeg 版本14.1.2 。 但不幸的是，在 ng-template 中沒有顯示內容和顯示內容。 有人知道如何解決這個問題嗎？

我附上了 stackblitz url - https://stackblitz.com/edit/angular-r9l7kg?file=src/main.ts

Answer 1

我找到了解決方案，我們必須使用組件選擇器而不是ng-template 。 因為有兩個獨立的組件，一個用於顯示，另一個用於內容。 所以我把 HTML 改成了這樣的 -

<p-inplace>
   <span pInplaceDisplay> Click to Edit </span>
   <span pInplaceContent>
      <input type="text" [value]="rowData[col.field]" pInputText />
   </span>
</p-inplace>