如何在ListView中沒有項目時顯示按鈕？

我有以下結構：如何在ListView中沒有項目時顯示按鈕？

<ScrollView tkMainContent> 
    <ListView [items]="students$ | async" class="list-group" *ngIf="students$"> 
    <ng-template let-student="item"> 
     <StackLayout>Student details go here</StackLayout>

我不能夠顯示ScrollView內的按鈕時，有我的列表中沒有學生。

我該如何顯示按鈕？

注：我正在測試一個真正的iOS設備。

來源

2017-10-18 Mutaz

爲什麼不顯示ScrollView上方的按鈕，當它是空的？ –

嘗試了各種可能的解決方案，包括您未建議的建議！你能寫一段適合你的代碼嗎？ – Mutaz

今天下午我實際上需要一個個人項目。只要我有了它，我會在這裏發表一個答案。希望我找到一個可以幫助你的解決方案。 –

<FlexboxLayout flexDirection="column"> 
       <GridLayout class="page-content" id="placeholderLayout" visibility="{{ hasContent ? 'collapse' : 'visible' }}"> 
        <Label class="page-icon fa" text="&#xf030;"></Label> 
        <Label class="page-placeholder" style="white-space: normal" text="Click the camera button to add image"></Label> 
       </GridLayout> 
       <ScrollView> 
        <-- List View Here --> 
       </ScrollView> 
      </FlexboxLayout>

我在NS Core上使用類似的東西來顯示佔位符內容。設置可見性的方法可能會有所不同，但類似的標記應該適用於您。

在component.ts中，您應該注意評估是否有列表視圖中顯示的內容，如果存在，則將hasContent設置爲true，否則設置爲false。

希望幫助:)讓我知道如果你在執行此操作時遇到任何問題。

來源

2017-10-18 17:41:23

謝謝溼婆。你的回答很好。我更新了它，以''FlexLayout'替換'GirdLayout'，這對我來說效果很好。 – Mutaz

是的，您可以使用您的佈局選擇，代替我的代碼示例中的GridLayout。 :) –

如何在ListView中沒有項目時顯示按鈕？

回答

相關問題