Angularjs 如何使用Angular.js重复对象

我不熟悉角度，需要重复对象，直到数据耗尽

下面是我想重复的代码片段

        <!-- Start box content -->
        <div class='span3 box box-nomargin' style="margin-left: 0px !important;">

            <!-- Now starts the box content -->
            <div class='box-header red-background'>
                <div class="title text-center span12" style="font-weight: 600;">Skyfall</div>
                <div class="normal text-center span12 utilMonSmallTitle">Network:&nbsp;<span class="utilMonSmallText">My First Network</span></div>
                <div class="normal text-center span12 utilMonSmallTitle">Site:&nbsp;<span class="utilMonSmallText">My Site 388_ascdaaf298</span></div>
            </div>
            <div class='box-content text-center' style="padding-bottom: 0px;">

                <!-- Start box content Header -->
                <div class="title span4 text-left" style="color: black; padding-left: 5px; font-size: 14px; font-weight: 600; margin-top: -5px;">Hardware</div>
                <div class="title span3 text-center" style="color: black; padding-left: 20px; font-size: 14px; font-weight: 600; margin-top: -10px;">
                    <i id="icon508Compliant" class="icon-remove-sign" style="font-size: 40px; color: red;"></i>
                    <!-- The icons are: icon-remove-circle, icon-warning-sign, icon-ok-circle -->
                </div>
                <div class="title span4 text-right" style="color: black; padding-left: 5px; font-size: 14px; font-weight: 600; margin-top: -5px;">Software</div><br><br>
                <!-- End box content Header -->
                <!-- Start box content body -->
                <div class="row-fluid">
                    <div class="span6">
                        <span style="font-size:24px; font-weight: bold; border-right: solid black 1px; margin-bottom: 2px; padding-right: 5px;">
                            <span id="hwVal1">{{hardwareAlerts[0].critical}}</span>
                        </span>
                        <span style="font-size:24px; font-weight: bold; padding-left: 8px;">
                            <span id="hwVal2">{{hardwareAlerts[0].warning}}</span>
                        </span>
                    </div>
                    <div class="span6">
                        <span style="font-size:24px; font-weight: bold; border-right: solid black 1px; margin-bottom: 2px; padding-right: 5px;">
                            <span id="swVal1">{{softwareAlerts[0].critical}}</span>
                        </span>
                        <span style="font-size:24px; font-weight: bold; padding-left: 8px;">
                            <span id="swVal2">{{softwareAlerts[0].warning}}</span>
                        </span>
                    </div>
                </div>

                <!-- End box content Body -->

                <!-- Start box content footer buttons -->
                <div class="row-fluid">
                    <button class="btn btn-small btnBoxLeft"><i class="icon-warning-sign">View Critical</i></button>
                    <button class="btn btn-small btnBoxRight"><i class="icon-warning-sign">View All</i></button>
                </div>
                <!-- End box content footer buttons -->

            </div>
            <!-- Now ends the box content -->                
        </div>
        <!-- End box content -->

天降
网络：我的第一个网络
网站：我的网站388_ascdaaf298
硬件
软件


{{hardwareAlerts[0].临界}
{{hardwareAlerts[0]。警告}
{{softwareAlerts[0]。严重}
{{softwareAlerts[0]。警告}
视图批判
查看所有

因此，整个代码片段将在平坦的引导“行”中重复，直到没有更多的数据

我习惯使用handlebar.js，但角度有点棘手

它需要根据网络的数量重复

例如：如果有10个网络，则上述代码应重复10次，显示10个框

我有我的控制器和指令代码工作。。。只需要理解“重复”的东西

---

谢谢大家。

您需要使用

ng repeat

<div class='span3 box box-nomargin' style="margin-left: 0px !important;" ng-repeat="object in objects">

或者，如果在对象中使用

（k，v）

只需执行

{{{k}}

或

{{v}}

{{object.PROPERTY}}