AngularJS, w jaki sposób ustawić UI w zależności od tego, które pole ma fokus?

Question

Mam stronę AngularJS z kilkoma wejściami formularza.

Gdy niektóre z wejść mają ostrość, chcę zmienić inne, dowolne aspekty strony.

Na przykład, gdy użytkownik znajduje się w wejściu do „Kod towaru”, chcę, aby wyświetlić listę popularnych kodów giełdowych. Gdy są w polu "qty", chcę pokazać ilości w magazynie i czasy realizacji.

Czy istnieje zmienna, która zawiera wejście „aktualny” (ten, który ma skupić), albo muszę powrócić do jQuery onfocus. (Wydaje się teraz trochę prymitywny.)

Answer 1

Co powiesz na dyrektywę? Można ustawić zmienną gdy użytkownik opuści/wchodzi na wejście i wykryć, że: http://jsfiddle.net/TZnj2/

Pamiętaj, aby zapoznać się z instrukcją dyrektywy, jeśli jesteś mylić, co się dzieje: http://docs.angularjs.org/guide/directive

Również używam zakres. $ zastosować w tej dyrektywie, oto wyjaśnienie, co to robi: http://docs.angularjs.org/api/ng.$rootScope.Scope#$apply

Answer 2

ngFocus i ngBlur są wbudowane w dyrektywach:

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

Try demo on jsfiddle