title: What would be the best way to hide an element unless a different element has focus in AngularJS?
body: <p>Basically, I have a search bar and predictions that show up below it. I want the predictions to be hidden unless the search bar has focus.
  There are lots of ways to implement this so I was wondering what do you think would be the best way to go about this and why?</p>