Как проверить поле ввода внутри ng-repeat

Question

Как проверить поле ввода внутри ng-repeat

0

Я хочу, чтобы проверить поле ввода, где я хочу, чтобы проверить, является ли текущий вход больше, чем предыдущий вход.

Вот что я имею в виду

        <div class="col-xs-10" ng-repeat="period in trim.rent_period" >
                                    <div class="col-xs-6">
                                        <div class="form-group">
                                            <label class="col-xs-5 control-label" for="rentperiod">Rental Period
                                                <span class="colon--label">:</span>
                                            </label>
                                            <div class="col-xs-6">
                                                <input id="rentperiod" name="rentperiod" type="text" class="form-control" ng-model="rent.period" ng-change="checkRentPeriod($index);" required>                                            
                                            </div>
                                        </div>
                                    </div>
    </div>

<div class="col-xs-2">
                                <i class="pull-left fa fa-plus-circle add-rent--icon" ng-click="addRent(currentIndex);"></i>
                            </div>

Здесь кнопка добавления добавляет вход в список, и я хочу убедиться, что текущий вход больше, чем предыдущий вход.

Bazinga777 02 июль 2015, в 17:55

Источник

Теги:

javascript

angularjs

validation

angularjs-ng-repeat

ng-repeat

2 ответа

Ещё вопросы

hsynlms · Answer 1 · 2015-07-02T13-51-00.000Z

Попробуйте обернуть свой код тегом формы. И затем проверьте правильность формы, если все в порядке. Вы можете сделать это, следуя этому руководству здесь, как способ решить свой вопрос

https://docs.angularjs.org/guide/forms

Dmitri Algazin · Answer 2 · 2015-07-02T13-58-00.000Z

измените свою ng-model = "rent.period", чтобы исправить, что-то начинающееся с "периода", например ng-model = "period.rent"

нет необходимости в дополнительном методе ng-change = "checkRentPeriod ($ index);"

добавьте этот простой блок после ввода:

<span ng-if="$index > 0 && period.rent && period.rent > trim.rent_period[$index - 1].rent">
    Rent is greater than {{trim.rent_period[$index - 1]}}
</span>