एंगुलरजेएस, मैं यूआई को किस क्षेत्र पर केंद्रित करता हूं इस पर निर्भर करता हूं?

Question

मेरे पास कई फॉर्म इनपुट के साथ एक AngularJS पृष्ठ है।

जब कुछ इनपुट ध्यान केंद्रित करते हैं, तो मैं पृष्ठ के अन्य, मनमानी, पहलुओं को बदलना चाहता हूं।

उदाहरण के लिए, जब उपयोगकर्ता 'स्टॉक कोड' इनपुट में होता है, तो मैं लोकप्रिय स्टॉक कोड की सूची प्रदर्शित करना चाहता हूं। जब वे 'qty' फ़ील्ड में होते हैं तो मैं इन-स्टॉक मात्रा और लीड टाइम्स दिखाना चाहता हूं।

क्या कोई चर है जिसमें 'वर्तमान' इनपुट (जो फोकस है) शामिल है, या मुझे jQuery के ऑनफोकस पर वापस जाने की आवश्यकता है। (यह अब थोड़ा सा प्राचीन लगता है।)

Answer 1

निर्देश कैसे बनाएं? आप एक चर जब भी उपयोगकर्ता/इनपुट में प्रवेश करती है छोड़ देता है सेट कर सकते हैं, और पता चलता है कि: http://docs.angularjs.org/guide/directive

इसके अलावा, मैं गुंजाइश का उपयोग करें: http://jsfiddle.net/TZnj2/

अगर आप क्या हो रहा है के रूप में उलझन में हैं निर्देश पुस्तिका को पढ़ने के लिए सुनिश्चित करें। http://docs.angularjs.org/api/ng.$rootScope.Scope#$apply

Answer 2

ngFocus और ngBlur निर्मित निर्देशों हैं::

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

$ कि निर्देश में लागू होते हैं, यहाँ है कि क्या करता है की व्याख्या दी गई