我有這樣的清單;
List<int> numbers = new List<int>
{
2,
4,
4,
2,
4,
4,
6,
6,
8,
2,
4
};
我想把它列出如下
2
4
4
2
4
4
6
6
8
2
4
請注意,這些是動態串列。并且 2 是主要元素 4 是 2 的子元素等。
我用這個例子來做一個更簡單的解釋,我真正想做的是通過標簽索引的父子關系列出 HTML 元素。
在此解決方案中列出的理想方式是什么?
uj5u.com熱心網友回復:
這里有兩種方法。
使用<pre>
和'\t':
@foreach (var number in numbers)
{
<div class="d-flex flex-row"><pre>@(new string('\t',number))</pre>@number</div>
}
或者
使用選擇的渲染片段:
@foreach (var number in numbers)
{
<div class="d-flex flex-row">
@for (var i = 0; i < number; i )
@SomeGap
@number
</div>
}
@code {
List<int> numbers = new List<int>
{
...
};
RenderFragment SomeGap => @<div>gap</div>;
}
您可以通過使渲染片段成為引數或靜態來進一步擴展第二種方法。在分層排列中,您可以將深度作為引數傳遞;
uj5u.com熱心網友回復:
根據您的值添加縮進
var list = numbers
.Select(i => new string('\t', i / 2 - 1) i)
.ToList();
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/483520.html