AngularJS, làm cách nào để làm cho giao diện người dùng phụ thuộc vào trường nào có tiêu điểm?

Question

Tôi có một trang AngularJS với một số đầu vào biểu mẫu.

Khi một số đầu vào có tiêu điểm, tôi muốn thay đổi các khía cạnh khác, tùy ý, của trang.

Ví dụ: khi người dùng ở đầu vào 'mã cổ phiếu', tôi muốn hiển thị danh sách mã cổ phiếu phổ biến. Khi họ đang ở trong lĩnh vực 'qty' tôi muốn hiển thị số lượng và thời gian giao hàng trong kho.

Có biến nào chứa đầu vào 'hiện tại' (cái có tiêu điểm) hay tôi cần hoàn nguyên về onFocus của jQuery. (Có vẻ như một chút sơ khai bây giờ.)

Answer 1

Làm thế nào để đưa ra một chỉ thị? Bạn có thể thiết lập một biến bất cứ khi nào người dùng rời khỏi/đi vào đầu vào, và phát hiện rằng: http://jsfiddle.net/TZnj2/

Hãy chắc chắn để đọc hướng dẫn chỉ thị nếu bạn đang nhầm lẫn như những gì đang xảy ra: http://docs.angularjs.org/guide/directive

Ngoài ra tôi sử dụng phạm vi. $ áp dụng trong chỉ thị rằng, đây là một lời giải thích về những gì có quyền này: http://docs.angularjs.org/api/ng.$rootScope.Scope#$apply

Answer 2

ngFocus và ngBlur được tích hợp theo chỉ thị:

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

Try demo on jsfiddle