Сегодня я столкнулся с ситуацией с 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>
Дело в том, что, когда я применяю фильтр, все входы, которые я ранее вставлял какое-то значение, если они скрыты из-за фильтра, они возвращаются к пустым.
Во всяком случае, вокруг?
Я думаю, вы, вероятно, захотите связать ввод с чем-то, используя 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
снова запустится, ранее введенные значения будут повторно привязаны от модели.