我有不确定的列数和未定义的字段长度.要显示它们,请输入以下代码:
<div class="col-md-6" *ngFor="let d of fields">
<div class="form-group">
<label>{{ d.displayName }}</label>
<span>{{ viewRecord[d.fieldName]}}</span>
</div>
</div
Run Code Online (Sandbox Code Playgroud)
结果是:
<div class="col-md-6">
<div class="form-group">
<label>Title 1</label>
<span>Text 1....</span>
</div>
</div
<div class="col-md-6">
<div class="form-group">
<label>Title 2</label>
<span>Text 2....</span>
</div>
</div
Run Code Online (Sandbox Code Playgroud)
是否有可能将这两个放入一个容器中,如下所示:
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Title 1</label>
<span>Text 1....</span>
</div>
</div
<div class="col-md-6">
<div class="form-group">
<label>Title 2</label>
<span>Text 2....</span>
</div>
</div
</div>
Run Code Online (Sandbox Code Playgroud)
请注意我不知道字段数,所以我必须从字段总数中将模数设为2,以将字段对包装成一个容器.很明显,包装器将在循环之外.我被困了:)
请注意,我正在寻找模板驱动的答案.如果没有,我可以应付它.我自己写的任何JavaScript;)