javascript - AngularJS、どのフィールドにフォーカスがあるかに依存する UI を作成するにはどうすればよいですか?

Question

いくつかのフォーム入力を含む AngularJS ページがあります。

一部の入力にフォーカスがある場合、ページのその他の任意の側面を変更したいと考えています。

たとえば、ユーザーが「株式コード」の入力を行っているときに、人気のある株式コードのリストを表示したいと考えています。それらが「数量」フィールドにある場合、在庫数とリードタイムを表示したいと思います。

「現在の」入力 (フォーカスのあるもの) を含む変数はありますか、それとも jQuery の onFocus に戻す必要がありますか? （今では少し原始的なようです。）

score 10 · Accepted Answer

指令を出してはどうですか？ユーザーが入力を離れる/入力するたびに変数を設定し、それを検出できます: http://jsfiddle.net/TZnj2/

何が起こっているのか混乱している場合は、必ずディレクティブガイドをお読みください: http://docs.angularjs.org/guide/directive

また、そのディレクティブで scope.$apply を使用します。これが何をするかについての説明は次のとおりです: http://docs.angularjs.org/api/ng.$rootScope.Scope# $apply

score 8 · Accepted Answer

ngFocusとngBlurは組み込みディレクティブです。

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

2 に答える 2