angularJS очищает поле ввода на фильтре

0

Сегодня я столкнулся с ситуацией с angularJS.

Привет, у вас есть сайт рецептов, а также список ингредиентов и соответствующая дозировка. Я использую угловой ng-repeat (здесь идет фрагмент).

<div ng-repeat="food in foodList | filter:query">
    <label>
        {{food.name}}
    </label>
    <input type="text" class="form-control food-list-input" data-id="{{food.ingredientId}}" placeholder="Weight in grams.">
</div>

Дело в том, что, когда я применяю фильтр, все входы, которые я ранее вставлял какое-то значение, если они скрыты из-за фильтра, они возвращаются к пустым.

Во всяком случае, вокруг?

Теги:
input

1 ответ

0
Лучший ответ

Я думаю, вы, вероятно, захотите связать ввод с чем-то, используя ng-model, например:

<input type="text" ng-model="food.dosage" class="form-control food-list-input" data-id="{{food.ingredientId}}" placeholder="Weight in grams.">

Это обеспечит двустороннюю привязку вашей модели к input тегу, так что, когда ng-repeat снова запустится, ранее введенные значения будут повторно привязаны от модели.

  • 0
    Это сработало! Было плохое время, когда ng-модель называлась именем (поскольку поля ввода были динамически загружены), но теперь все в порядке. Спасибо!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню