AngularJS，如何使UI依赖于哪个字段具有焦点

AngularJS, how do I make the UI dependent on which field has focus?

本文关键字：字段 焦点 依赖于 何使 UI AngularJS      更新时间：2023-09-26

我有一个AngularJS页面，其中包含多个表单输入。

当某些输入具有焦点时，我想更改页面的其他任意方面。

例如，当用户在"股票代码"输入时，我想显示热门股票代码的列表。 当它们在"数量"字段中时，我想显示库存数量和交货时间。

是否有一个变量包含"当前"输入（具有焦点的变量），或者我需要恢复到 jQuery 的 onFocus。 （现在看起来有点原始。

制定指令怎么样？您可以在用户离开/输入时设置一个变量，并检测： http://jsfiddle.net/TZnj2/

如果您对正在发生的事情感到困惑，请务必阅读指令指南：http://docs.angularjs.org/guide/directive

我也在该指令中使用scope.$apply，这是对它的作用的解释：http://docs.angularjs.org/api/ng.$rootScope.Scope#$apply

ngFocus 和 ngBlur 是内置指令：

<input ng-focus="hasFocus = true" ng-blur="hasFocus = false" type="text">
<p ng-show="hasFocus">The field has focus!!</p>

在 jsfiddle 上尝试演示

相关文章：