如何用'if statement'过滤ng-repeat?

时间:2019-07-12 15:16:26

标签: javascript angularjs

我有一个属性列表。我需要能够通过从中选择的房间数对它们进行过滤。

我可以选择:1,2,3,4,5 +

除显示具有5个以上房间的属性外,它一直有效。

这是我的过滤器

<select class="form-control w-100" ng-model="searchRooms.rooms">
    <option value="">Alle</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5+</option>
</select>

这是我的ng-repeat

<div class="boliger" ng-repeat="bolig in boliger | filter: searchCity">
        <a href="index.php?page=single&id={{bolig.id}}" target="_blank">
            <div class="bolig-image">
                <img src="uploads/{{bolig.image}}" alt="{{bolig.type}}">
            </div>
            <div class="bolig-text-wrapper">
                <div class="bolig-titel">
                    {{bolig.titel}}
                </div>
                <small class="text-muted">
                  {{bolig.rooms}} værelser - {{bolig.areal}} m² - {{bolig.by}}
                    <div class="float-right">
                      Oprettet: {{bolig.oprettelsesdato}}
                    </div>
                </small>
            </div>
            <div class="bolig-husleje">
                {{bolig.husleje}},-
            </div>
        </a>
    </div>

是否有某种方式来创建if语句,即如果searchRooms.rooms等于5,那么它不仅会显示5个房间的属性,还会显示更多的房间?

2 个答案:

答案 0 :(得分:0)

我找到了解决方案:)

<ReactApexChart options={options} series={series} width="300" type="bar" />

<div class="boliger" ng-repeat="bolig in boliger | filter: searchCity | filter: roomsFilter">
    <a href="index.php?page=single&id={{bolig.id}}" target="_blank">
        <div class="bolig-image">
            <img src="uploads/{{bolig.image}}" alt="{{bolig.type}}">
        </div>
        <div class="bolig-text-wrapper">
            <div class="bolig-titel">
                {{bolig.titel}}
            </div>
            <small class="text-muted">
              {{bolig.rooms}} værelser - {{bolig.areal}} m² - {{bolig.by}}
                <div class="float-right">
                  Oprettet: {{bolig.oprettelsesdato}}
                </div>
            </small>
        </div>
        <div class="bolig-husleje">
            {{bolig.husleje}},-
        </div>
    </a>
</div>

答案 1 :(得分:-1)

您可以使用ng-for / ng-if代替ng-repeat

np.array([[V_1@np.sqrt(1-a)*II@V_1, V_1@a*X@V_1, V_1@a*Y@V_1, V_1@a*Z@V_1],
          [V_2@np.sqrt(1-b)*II@V_2, V_2@b*X@V_2, V_2@b*Y@V_2, V_2@b*Z@V_2],
          ................................,
          [V_N@np.sqrt(1-n)*II@V_N, V_N@n*X@V_N, V_N@n*Y@V_N, V_N@n*Z@V_N]])

...然后...

@