Question

我有以下HTML：

<input class="user" ng-model="user" />
<div class="matches">
    <div class="match" ng-repeat="match in matches | filter:user" ng-bind="match"></div>
</div>

我只想显示.matches如果您正在输入并搜索user。否则，我不想展示这个领域。但是input字段始终显示user（因此我无法使用输入为空的事实）。

有没有办法可以使用input直接关注的事实？现在，我在您进出焦点时手动更新值ng-if="isFocused"。

Answer 1

<input type="text" ng-focus="focused = true" ng-blur="focused = false" />

<p ng-if="focused">focused!</p>

Plunker

Answer 2

检查这个

<input class="user" ng-model="user" />
<div class="matches">
    <div class="match" ng-if="user!=''" ng-repeat="match in matches | filter:user" ng-bind="match"></div>
</div>

AngularJS - ng - 如果一个领域是聚焦的

2 个答案: