angularJS清空过滤器上的输入字段

Question

今天我遇到了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>

当我应用过滤器时，我先前插入了一些值的所有输入，如果它们因过滤器而被隐藏，则它们返回空。

这周围有吗？

Answer 1

我认为您可能希望使用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重新运行时，先前输入的值将从模型重新绑定。