@meanie/angular-focus

An Angular service to set focus on specific DOM elements

Installation

You can install this package using yarn or npm:

#yarn
yarn add @meanie/angular-focus

#npm
npm install @meanie/angular-focus --save

Include the script node_modules/@meanie/angular-focus/release/angular-focus.js in your build process, or add it via a <script> tag to your index.html:

<script src="node_modules/@meanie/angular-focus/release/angular-focus.js"></script>

Add Focus.Service as a dependency for your app.

Usage

angular.module('App.MyModule', [
  'Focus.Service'
]).controller('MyController', function($focus) {

  //Focus on element ID
  $focus('some-element-id');

  //Or focus on given DOM or jQuery/jQlite element
  $focus(someElement);

  //Focus after 250ms
  $focus(someElement, 250);

  //Focus and ensure element is selectable (e.g. for divs)
  $focus(someElement, 0, true);

  //Focus and select text of input field
  $focus(someElement, true); //OR
  $focus(someElement, 0, false, true);
});

Issues & feature requests

Please report any bugs, issues, suggestions and feature requests in the @meanie/angular-focus issue tracker.

Contributing

Pull requests are welcome! If you would like to contribute to Meanie, please check out the Meanie contributing guidelines.

Sponsor

This package has been kindly sponsored by Hello Club, an all in one club and membership management solution complete with booking system, automated membership renewals, online payments and integrated access and light control. Check us out if you happen to belong to any kind of club or if you know someone who helps run a club!

License

(MIT License)

Copyright 2015-2020, Adam Reis