angular-ui-bootstrap-tabs-include

WebJar for angular-ui-bootstrap-tabs-include

License	MIT
Categories	Angular User Interface Web Frameworks
GroupId	org.webjars.bower
ArtifactId	angular-ui-bootstrap-tabs-include
Last Version	0.1.0
Release Date	Apr 17, 2015
Type	jar
Description	angular-ui-bootstrap-tabs-include WebJar for angular-ui-bootstrap-tabs-include
Project URL	http://webjars.org
Source Code Management	https://github.com/amarnus/angular-ui-bootstrap-tabs-include

Download angular-ui-bootstrap-tabs-include

Filename	Size
angular-ui-bootstrap-tabs-include-0.1.0.pom
angular-ui-bootstrap-tabs-include-0.1.0.jar	5 KB
angular-ui-bootstrap-tabs-include-0.1.0-sources.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-ui-bootstrap-tabs-include/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-ui-bootstrap-tabs-include</artifactId>
    <version>0.1.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/angular-ui-bootstrap-tabs-include/
implementation 'org.webjars.bower:angular-ui-bootstrap-tabs-include:0.1.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/angular-ui-bootstrap-tabs-include/
implementation ("org.webjars.bower:angular-ui-bootstrap-tabs-include:0.1.0")

Apache Buildr

'org.webjars.bower:angular-ui-bootstrap-tabs-include:jar:0.1.0'

Apache Ivy

<dependency org="org.webjars.bower" name="angular-ui-bootstrap-tabs-include" rev="0.1.0">
  <artifact name="angular-ui-bootstrap-tabs-include" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='angular-ui-bootstrap-tabs-include', version='0.1.0')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "angular-ui-bootstrap-tabs-include" % "0.1.0"

Leiningen

[org.webjars.bower/angular-ui-bootstrap-tabs-include "0.1.0"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.bower : angular-ui-bootstrap-bower	jar	[0.12.0,0.13)

Project Modules

There are no modules declared in this project.

Angular UI Bootstrap Tab Include

This directive allows you to lazily load HTML fragments into Bootstrap tabs.

Requirements

Angular UI Bootstrap

Installation

Install using bower

bower install --save angular-ui-bootstrap-tabs-include

Load the script files into your application.

<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-ui-bootstrap-bower/ui-bootstrap-tpls.js"></script>
<script src="bower_components/angular-ui-bootstrap-tabs-include/lib/angular-ui-bootstrap-tabs-include.js"></script>

Add this module as a dependency in your AngularJS app.

angular.module('myApp', [ 'ui.bootstrap', 'ui.bootstrap.tabs.include' ]);

Usage

The tabInclude directive is a simple wrapper around ngInclude that is aware of the tab state.

For each of the tabs in your tabset, you can now include a tab-include attribute that points to a partial which will be loaded into the tab pane when selected.

<tabset>
    <tab heading="Foo" tab-include="'partials/foo.html'"></tab>
    <tab heading="Bar" tab-include="'partials/bar.html'"></tab>
</tabset>

Other options supported by ngInclude are supported by tabInclude as well:

• tab-onload
• tab-autoscroll

You can read about the ngInclude directive and its options from here.

See Also

http://blog.xebia.com/2013/08/28/bootstraps-tabs-and-lazy-data-loading-in-angularjs

Versions

Version
0.1.0 Apr 17, 2015