Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

angular-responsive

nkovacic2MIT1.0.0TypeScript support: included

AngularJS directive that shows/hides content depending on the provided breakpoints. Features also a expressive service for fine tuning your responsive design.

angular, bootstrap, angular-responsive, responsive, angularjs, breakpoints, mediaqueries, media-queries, angular responsive

readme

Angular Responsive

License NPM Release NPM Monthly Downloads

Requirements

  1. AngularJS1.5.x

Where to get it

Via NPM:

Run npm install angular-responsive from the command line. Include script tags similar to the following:

<link rel='stylesheet' href='/node_modules/angular-responsive/dist/angular-responsive.css'>
<script src='/node_modules/angular-responsive/dist/angular-responsive.min.js'></script>

Install using commonjs (eg componentjs, Webpack, Browserify):

angular.module('myModule', [require('angular-responsive')]);

Via Github

Download the code from https://github.com/nkovacic/angular-responsive/releases/latest, unzip the files then add script tags similar to the following:

<link rel='stylesheet' href='/path/to/unzipped/files/dist/angular-responsive.min.css'>
<script src='/path/to/unzipped/files/dist/angular-responsive.min.js'></script>

Usage

  1. Include angular-responsive.min.js
  2. Add a dependency to angular-responsive in your app module, for example: angular.module('myModule', ['nk.responsive']).
  3. Add the attribute responsive-if to your element. It can have selected number value:
    <div responsive-if="mobile,tablet"></div>