Javascript 当onFocus、hide和onBlur在angular js中组合时显示

我有一个输入框，其中有一个建议列表。我希望建议仅在光标聚焦输入框时显示&当光标从输入框中移除时隐藏建议

目前，我正在做一个困难的方式如下

HTML

   <input ngFocus="showSuggesions('div_id') ng-blur="hideSuggesions('div_id')" > 

我想要的是

<input ngFocus=( iftrue ? ngShow.div_id : ngHide.div_id )>

我是angularJS的新手，我认为用一种简单的方式来做会使代码更具可读性。我不知道angulaJS的很多特性。如果这个问题毫无意义，我很抱歉。

这个问题怎么样

 <input ng-focus="showSuggestions = true" ng-blur="showSuggestions = false" > 
 <div id="div_id" ng-show="showSuggestions"></div>

div是包含建议的元素。在输入的焦点上，您将显示div，在模糊上，您将隐藏它。请注意，在“模糊”中，“将光标移开”与“模糊”不同

---

“showSuggestions”的拼写也要小心。

您可以使用css

：focus

感谢您让它比预期的更容易提供帮助，ng show和ng hide在角度上非常有用，我一直使用它们根据范围中的变量显示我想要的内容。

 <input ng-focus="showSuggestions = true" ng-blur="showSuggestions = false" > 
 <div id="div_id" ng-show="showSuggestions"></div>