All Projects → spirosikmd → angular2-focus

spirosikmd / angular2-focus

Licence: MIT License
Angular attribute directive that gives focus on an element depending on a given expression 🔎

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Projects that are alternatives of or similar to angular2-focus

Ngx Daterangepicker Material
Pure Angular 2+ date range picker with material design theme, a demo here:
Stars: ✭ 169 (+704.76%)
Mutual labels:  angular2, directive
Ngx Currency
📦 Currency mask module for Angular
Stars: ✭ 161 (+666.67%)
Mutual labels:  angular2, directive
Ngx Joyride
Angular Joyride/Tour library
Stars: ✭ 135 (+542.86%)
Mutual labels:  angular2, directive
angular2-stretchy
angular2-stretchy is an Angular2 directive that automatically adjusts input width to fit content.
Stars: ✭ 12 (-42.86%)
Mutual labels:  angular2, directive
ngx-ionic-image-viewer
An Ionic 4 Angular component to view & zoom on images and photos without any additional dependencies.
Stars: ✭ 129 (+514.29%)
Mutual labels:  directive
angular2-social-login
Angular 2 OAuth social login facebook, google, LinkedIn etc using NodeJS server
Stars: ✭ 40 (+90.48%)
Mutual labels:  angular2
spring-boot-angular2-starter
Starter application. Spring Boot, Angular 2, TypeScript, Gulp, Gradle, SCSS.
Stars: ✭ 35 (+66.67%)
Mutual labels:  angular2
ngx-carousel
Angular Universal carousel is an lightweight , touchable and responsive library
Stars: ✭ 14 (-33.33%)
Mutual labels:  angular2
ngx-smart-loader
Smart loader handler to manage loaders everywhere in Angular apps.
Stars: ✭ 28 (+33.33%)
Mutual labels:  angular2
ngx-magicsearch
Magic Search/Faceted Search Library for Angular 2
Stars: ✭ 19 (-9.52%)
Mutual labels:  angular2
Angular-Firebase-Sortable-Table
Angular Firebase Sortable Table is a module that makes tables creation with firebase an easy task.
Stars: ✭ 28 (+33.33%)
Mutual labels:  angular2
abp-ng2-module
Angular module wraps abp javascript API as angular services.
Stars: ✭ 54 (+157.14%)
Mutual labels:  angular2
react-focus-marshal
👮🏻 Traps focus within a DOM node
Stars: ✭ 83 (+295.24%)
Mutual labels:  focus
angular-esri-components
A set of Angular components to work with ArcGIS API for JavaScript v4.6
Stars: ✭ 43 (+104.76%)
Mutual labels:  angular2
angular4-seed-starter
An angular4 starter with webpack2+aot+lazyload+hmr+scss(个人搭的angular4 starter,使用webpack2,包含aot、lazyload、scss、热替换功能等等)
Stars: ✭ 23 (+9.52%)
Mutual labels:  angular2
ng-apimock
Node plugin that provides the ability to use scenario based api mocking: for local development for protractor testing
Stars: ✭ 102 (+385.71%)
Mutual labels:  angular2
8ComicDownloaderElectron
8Comic下載器:一個從8Comic網站下載漫畫的簡單程式,並以GitHub's Electron為開發架構,支援Windows/Linux/Mac,最新版本下載位址:https://github.com/wellwind/8ComicDownloaderElectron/releases
Stars: ✭ 48 (+128.57%)
Mutual labels:  angular2
ionic-modal-custom-transitions
Add Custom Transitions to Ionic Modals.
Stars: ✭ 22 (+4.76%)
Mutual labels:  angular2
ngx-redux-ui-management-recipes
Recipes for managing the UI layout of an application using Redux in Angular
Stars: ✭ 39 (+85.71%)
Mutual labels:  angular2
ngmodule-viz
Visualize the dependencies between the NgModules in your Angular 2+ application
Stars: ✭ 35 (+66.67%)
Mutual labels:  angular2

angular2-focus

Angular attribute directive that gives focus on an element depending on a given expression.

Build Status version PRs Welcome All Contributors Greenkeeper badge

Install

npm install --save angular2-focus

Example

import {NgModule, Component} from '@angular/core';
import {FocusModule} from 'angular2-focus';

@Component({
  template: `
    <input type="text" focus="true">
  `
})
class AppComponent { }

@NgModule({
  imports: [FocusModule.forRoot()],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

Check the docs for examples using @angular/forms and other third party libraries such as @ng-bootstrap/ng-bootstrap, to focus elements when e.g. using a modal.

Contributors

Thanks goes to these wonderful people (emoji key):


Spyros Ioakeimidis

💬 💻 ⚠️

This project follows the all-contributors specification. Contributions of any kind welcome!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].