https://github.com/jhsu/growing-panes

child view display limiting for AngularJs and ui-router
https://github.com/jhsu/growing-panes

Last synced: 21 days ago
JSON representation

child view display limiting for AngularJs and ui-router

• Host: GitHub
• URL: https://github.com/jhsu/growing-panes
• Owner: jhsu
• License: mit
• Created: 2014-03-16T01:00:47.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2014-03-18T08:12:08.000Z (almost 11 years ago)
• Last Synced: 2024-11-10T03:28:08.554Z (2 months ago)
• Language: JavaScript
• Homepage: http://jhsu.github.io/growing-panes/demo
• Size: 186 KB
• Stars: 4
• Watchers: 4
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# growing-panes

An AngularJS directive for limiting the number of views shown.

## Usage

To show only the two deepest states at a time:

```javascript

$stateProvider

.state('home', {

  url: '/home',

  templateUrl: '/templates/home.html',

  data: {depth: 1},

})

.state('home.details', {

  url: '/details',

  templateUrl: '/templates/home.details.html',

  data: {depth: 2},

})

.state('home.details.form', {

  url: '/form',

  templateUrl: '/templates/home.details.form.html',

  data: {depth: 3},

})

;

```

```html



  




```


The limited number of views to show can be adjusted by setting `paneLimit` in

the data to a different value (the default is `2`).

## Dependencies

- angular.js

- ui-router