簡體   English   中英

在 ngx-datatable-column 中使用 ngFor 和 ng 模板

[英]usage of ngFor with ng template in ngx-datatable-column

我在這里遇到了一個問題,我的 ngFor 沒有顯示任何數據,盡管沒有堆棧錯誤或其他什么。

我想知道如何顯示我的對象數組 - 稱為“cldbAccounts” - 它必須對象並在同一列中顯示它們的兩個屬性。

我那部分的代碼

<ngx-datatable-column *ngIf="mode === 'contract' || mode === 'factorer'" name="CldbAccount" prob="cldbAccount">
   <ng-template let-column="column" height="200" let-onSort="sortFn" ngx-datatable-header-template>
      <span class="datatable-header-cell-wrapper">
      <span class="datatable-header-cell-label draggable" (click)="onSort()">CldbAccount</span>
      </span>
   </ng-template>
   <ng-template ngFor let-cldbAccount [ngForOf]="cldbAccounts">
      {{ cldbAccount.cldbAccount.cldbAccount }} [{{ cldbAccount.debitor.name }}]
   </ng-template>
</ngx-datatable-column>

我也試過這個答案的解決方案見here但存在同樣的問題

我發現問題只是我的代碼中的一個錯字,其中prob="cldbAccount"應該是prop="cldbAccount"

申請 css class 到<div>由一個產生<ng-template>在<ngx-datatable-column></ngx-datatable-column></ng-template></div><div id="text_translate"><p>我正在嘗試將display: flex屬性應用到我的<span>的父級<div> ></p><p> 但由於它是由ngx-datatable-column的ng-template生成的,所以我無法在 html 中應用它。</p><p> 我嘗試添加一個樣式屬性,嘗試使用 headerClass 到 ng-template 但它沒有用。</p><p> 這就是我的 html 在渲染后的樣子。</p><p> <a href="https://i.stack.imgur.com/doB6u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/doB6u.png" alt="在此處輸入圖像描述"></a></p><p> 我想在圖像中指出的位置添加 css class 或樣式屬性。</p><p> 這是我渲染前的 html</p><p> <a href="https://i.stack.imgur.com/xocZO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xocZO.png" alt="在此處輸入圖像描述"></a></p><p> 有人可以幫助我將 css class 添加到圖像中指出的<div>中嗎?</p></div>

[英]Apply css class to a <div> generated by an <ng-template> within the <ngx-datatable-column>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 申請 css class 到<div>由一個產生<ng-template>在<ngx-datatable-column></ngx-datatable-column></ng-template></div><div id="text_translate"><p>我正在嘗試將display: flex屬性應用到我的<span>的父級<div> ></p><p> 但由於它是由ngx-datatable-column的ng-template生成的,所以我無法在 html 中應用它。</p><p> 我嘗試添加一個樣式屬性,嘗試使用 headerClass 到 ng-template 但它沒有用。</p><p> 這就是我的 html 在渲染后的樣子。</p><p> <a href="https://i.stack.imgur.com/doB6u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/doB6u.png" alt="在此處輸入圖像描述"></a></p><p> 我想在圖像中指出的位置添加 css class 或樣式屬性。</p><p> 這是我渲染前的 html</p><p> <a href="https://i.stack.imgur.com/xocZO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xocZO.png" alt="在此處輸入圖像描述"></a></p><p> 有人可以幫助我將 css class 添加到圖像中指出的<div>中嗎?</p></div> 動態更改 ngx-datatable-column 名稱 如何在Angular中為ngx-datatable-column傳遞多個管道? 如何將錨標記添加到ngx-datatable-column 默認顯示排序圖標 - ngx-datatable-column 如何將外部變量傳遞給 ngx-datatable-column? 如何將唯一的 HTML ID 屬性添加到 ngx-datatable-column 如何通過 <ngx-datatable-column> 在另一個組件包裹的內部, <ngx-datatable> ? 如何在 Angular 的 ngx-datatable / ngx-datatable-column 中使用排序? Angular:如果模態(彈出窗口)中止,則ngx-datatable-column中的值不會更新
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM