在ng-repeat循环期间将项目分组到一个div中?

时间:2015-11-12 23:09:33

标签: angularjs

所以我有一个关于天气的XML提要,我已经删除了额外的日子(直到第3天),并删除了元素中的文本:

<location type="station">
    <info></info>
    <values type="forecast_day0">
        <valid>
            <date>2015-11-11T06:00:00Z</date>
        </valid>
        <value type="temperature_2m_min_12h" unit="C">4</value>
    </values>

    <values type="forecast_day0">
        <valid></valid>
        <value type="precipitation_probability_12h" unit="percent">1</value>
        <value type="temperature_2m_max_12h" unit="C">13</value>
    </values>

    <values type="forecast_day1">
        <valid></valid>
        <value type="temperature_2m_min_12h" unit="C">3</value>
    </values>

    <values type="forecast_day1">
        <valid></valid>
        <value type="precipitation_probability_12h" unit="percent">5</value>
        <value type="temperature_2m_max_12h" unit="C">12</value>
    </values>

    <values type="forecast_day0">
        <valid>
            <start>2015-11-11T00:00:00Z</start>
            <end>2015-11-11T23:59:00Z</end>
        </valid>
        <text language="en">
            <title>Wednesday</title>
            <flashtext>Sunny periods.</flashtext>
        </text>
        <text language="it"></text>
        <text language="fr"></text>
        <text language="de"></text>
    </values>

    <values type="forecast_day0">
        <valid></valid>
        <symbol>10</symbol>
        <value type="insolation_2m_sum_1d" unit="h">5.9</value>
    </values>

    <values type="forecast_day0">
        <valid></valid>
        <symbol>10</symbol>
    </values>

    <values type="forecast_day0">
        <valid></valid>
        <symbol>10</symbol>
    </values>

    <values type="forecast_day1">
        <valid></valid>
        <text language="en"></text>
        <text language="it"></text>
        <text language="fr"></text>
        <text language="de"></text>
    </values>

    <values type="forecast_day1">
        <valid></valid>
        <symbol>2</symbol>
        <value type="insolation_2m_sum_1d" unit="h">4.5</value>
    </values>

    <values type="forecast_day1">
        <valid></valid>
        <symbol>2</symbol>
    </values>

    <values type="forecast_day1">
        <valid></valid>
        <symbol>10</symbol>
    </values>
</location>

使用angular和angular-xml(使用X2JS)下载并解析此Feed。我无法找出循环“当天”的最佳方式 - &gt;如同将所有元素循环或分组在一起。

我的尝试是:

<div class="row" data-ng-repeat="forecast in location.values">
    <div class="col-md-2" data-ng-if="forecast.symbol != null">
        <div class="weather_symbol ws_{{forecast.symbol}}" style="width: 100%">
        </div>
    </div>
    <div class="col-md-3" data-ng-if="forecast.__text != null">
        <div class="min_max">
            <span>min.</span>
            {{forecast.__text}}°C
            <br>
            <span>max.</span>
            {{forecast.__text}}°C
        </div>
    </div>
    <div class="col-md-7">
        <div class="weather_desc">
            {{forecast.text}}
        </div>
    </div>
</div>

0 个答案:

没有答案