Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS,我如何使UI依赖于哪个字段具有焦点?_Javascript_Html_Angularjs - Fatal编程技术网

Javascript AngularJS,我如何使UI依赖于哪个字段具有焦点?

Javascript AngularJS,我如何使UI依赖于哪个字段具有焦点?,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个带有多个表单输入的AngularJS页面 当一些输入具有焦点时,我希望更改页面的其他任意方面 例如,当用户处于“股票代码”输入中时,我想显示流行股票代码列表。当它们位于“数量”字段时,我希望显示库存数量和交付周期 是否存在包含“当前”输入(具有焦点的输入)的变量,或者是否需要还原为jQuery的onFocus。(现在看起来有点原始。)做个指令怎么样?您可以在用户离开/输入输入时设置一个变量,并检测: 如果您对正在发生的事情感到困惑,请务必阅读指令指南: 我还使用scope.$apply在

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

当一些输入具有焦点时,我希望更改页面的其他任意方面

例如,当用户处于“股票代码”输入中时,我想显示流行股票代码列表。当它们位于“数量”字段时,我希望显示库存数量和交付周期


是否存在包含“当前”输入(具有焦点的输入)的变量,或者是否需要还原为jQuery的onFocus。(现在看起来有点原始。)

做个指令怎么样?您可以在用户离开/输入输入时设置一个变量,并检测:

如果您对正在发生的事情感到困惑,请务必阅读指令指南:

我还使用scope.$apply在该指令中,下面是对其作用的解释:

并且是内置指令:

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

该字段具有焦点


很多Angular JS看起来都很优雅,但这似乎需要很多代码来实现这一点-他们忘记了ngFocus和ngBlur指令了吗?所以你想要优雅的试穿一下,然后:-D:。我猜Angular只是不想为每件事写指令。ng click和ng dblclick等只是指令,yunno。没什么特别的。只是我的意见,但我仍然认为jQuery在这种特定的模糊/聚焦情况下读起来更好(我使用对象过度设计了它,如果它是内联的,可以用更少的代码解决问题),但是所有的逻辑都与DOM相耦合。这是天使的一部分,太棒了。视图关心DOM,控制器关心逻辑。对于更大的web应用程序,我承认这是一个问题。