angular-if-state

Directives to show or hide an element depending on the current UI Router state

Usage no npm install needed!

<script type="module">
  import angularIfState from 'https://cdn.skypack.dev/angular-if-state';
</script>

README

angular-if-state

Directives to show or hide an element depending on the current UI Router state

npm version dependencies Build Status

Installation

Install angular-if-state by running:

$ npm install --save angular-if-state

Documentation

Add angular-if-state to your Angular module dependency list:

var MyApp = angular.module('MyApp', [
  require('angular-if-state')
]);

show-if-state

This directive provides an attribute to show an element when the current UI Router state matches the specified one.

<button show-if-state="main" ui-sref="settings">Settings</button>

hide-if-state

This directive provides an attribute to hide an element when the current UI Router state matches the specified one.

<button hide-if-state="settings" ui-sref="main">Go Back</button>

Support

If you're having any problem, please raise an issue on GitHub and I'll be happy to help.

Tests

Run the test suite by doing:

$ npm test

Contribute

Before submitting a PR, please make sure that you include tests, and that jshint runs without any warning:

$ npm run lint

License

The project is licensed under the MIT license.