AngularJS,如何让UI依赖于哪个字段具有焦点？

Question

我有一个带有多个表单输入的AngularJS页面.

当一些输入具有焦点时,我想要改变页面的其他任意方面.

例如,当用户在"股票代码"输入中时,我想显示流行股票代码列表.当他们处于'数量'字段时,我想显示库存数量和交货时间.

是否有一个变量包含'当前'输入(具有焦点的输入),或者我是否需要恢复到jQuery的onFocus.(现在看起来有点原始.)

Answer 1

如何制定指令？您可以在用户离开/输入输入时设置变量,并检测到:http: //jsfiddle.net/TZnj2/

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

我也使用范围.$ apply在该指令中,这里解释了它的作用:http://docs.angularjs.org/api/ng.$rootScope.Scope#$apply

所以你要优雅试试这个,然后:-D:http://jsfiddle.net/andytjoslin/3Aevb/1/.我想,Angular只是不想为_everything_编写指令.ng-click和ng-dblclick等只是指令,yunno.没什么特别的. (2认同)

Answer 2

ngFocus和ngBlur是内置指令:

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