小编Rob*_*erc的帖子

Angular2模板:如何使用DIV包装ngFor的内容

我有不确定的列数和未定义的字段长度.要显示它们,请输入以下代码:

<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;)

templates angular

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

templates ×1