Meanie-angular-focus NPM

meanie-angular-focus

An Angular service to set focus on specific DOM elements

Installation

You can install this package using npm:

npm install meanie-angular-focus --save

Include the script node_modules/meanie-angular-focus/release/meanie-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/meanie-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);
});