0
Q
角材摺疊卡
A
回答
3
像Will提到的那樣,只需使用擴展面板即可。否則,只需創建一個普通的Angular Material卡片並使用[hidden]質量或一些CSS(display:none)實現自己的收縮機制。您可以利用* ngIf和按鈕事件來創建您自己的可摺疊卡。不應該需要太多的代碼。
事情是這樣的:
<md-card>
<md-card-header>
<div md-card-avatar class="example-header-image"></div>
<md-card-title>My title</md-card-title>
</md-card-header>
<md-card-content *ngIf="!collapsed">
<p>My text</p>
</md-card-content>
<md-card-actions>
<button md-button (click)="collapsed=true">COLLAPSE ME</button>
<button md-button (click)="collapsed=false">UNCOLLAPSE ME</button>
</md-card-actions>
</md-card>
相關問題
- 1. 使角材料的md卡不重疊
- 2. 使用斜角材料展開摺疊列表項目
- 3. 使用可摺疊表格行製作材料角表
- 4. 斯卡拉,摺疊選項
- 5. 提升MD-卡角材料
- 6. 角材料卡工具欄
- 7. 內容溢出卡角材
- 8. 摺疊/展開的角
- 9. Jquery可摺疊的UI選項卡,當點擊圖標時摺疊選項卡
- 10. Aptana摺疊/摺疊方法?
- 11. PyCharm代碼摺疊摺疊
- 12. 摺疊操作的斯卡拉選項
- 13. 斯卡拉 - 摺疊多個Seqs
- 14. ExpandableListView旋轉後卡住摺疊
- 15. 在RecyclerView中展開和摺疊卡
- 16. 角材質2個md卡響應列
- 17. 如何樣式選項卡角材料?
- 18. 角材料md卡動態高度
- 19. 角度2材料網格列表卡
- 20. 類似Bootstrap可摺疊的角
- 21. 完善的視角 - CSS摺疊效果
- 22. 角度2:摺疊多個元素
- 23. 如何捲曲/摺疊UIView的底角
- 24. ng-repeat摺疊中的角ng-repeat
- 25. 展開和摺疊與角js
- 26. 當選擇不同的選項卡時,如何讓CSS摺疊器摺疊?
- 27. 角度材料2卡與靈活佈局重疊海誓山盟
- 28. xcode將摺疊區域摺疊爲摺疊
- 29. 使摺疊式摺疊式可摺疊手風琴排序
- 30. VIM Markdown摺疊:部分摺疊子部分摺疊子部分
喜歡這個? https://material.angular.io/components/expansion/overview –
你能解釋一下投票嗎?我不確定如何製作可摺疊的卡組件,並且正在尋找洞察力。 – cobolstinks