Angularjs 如果另一个控件具有焦点，则显示输入

我在表单中有两个输入文本框。默认情况下，第二个文本框是隐藏的

我需要显示第二个文本框，如果其中一个为真：

1） 第一个文本框具有焦点
2） 第二个文本框具有焦点

---

我尝试使用ng focus和ng blur，但是我在保持第二个输入显示第二个文本框是否有焦点时遇到了问题，然后我移回了第一个文本框

我认为以下方法会奏效

angular.module（“myApp”，[]）.controller（“myCtrl”，函数（$scope）{
$scope.inputFocus=函数（）{
$scope.inputFocused=true；
}
$scope.inputBlur=函数（）{
$scope.inputFocused=false；
}
})

---

您是否只打算使用JavaScript解决方案？这可以通过以下方式在纯CSS中实现：

input[type=“text”]{
宽度：150px；
填充物：3px 5px；
显示：内联块；
垂直对齐：顶部；
}
#输入2{
左边距：25px；
显示：无；
}
#输入1：焦点+#输入2，
#输入2：焦点{
显示：内联块；
}
#输入2：有效{
显示：内联块；
}

---

我们可以使用下面这样的简单代码。其中，我们使用了

ng blur

和

ng focus

指令来更改变量

$scope.showInput2

的值。它使用

ng show

指令管理

inputB

的显示

angular.module（“testApp”，[]）.controller（“testCtrl”，函数（$scope）{
$scope.showInput2=false；
})

---

你说得对……这确实有效。我使用的是ionic框架，似乎是什么原因导致它无法在那里工作，但它在正常的角度应用程序中工作。