JarCasting
JarCasting JarCasting

angular-ui-bootstrap-tabs-include

WebJar for angular-ui-bootstrap-tabs-include

License

License

MIT
Categories

Categories

Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

angular-ui-bootstrap-tabs-include
Last Version

Last Version

0.1.0
Release Date

Release Date
Type

Type

jar
Description

Description

angular-ui-bootstrap-tabs-include
WebJar for angular-ui-bootstrap-tabs-include
Project URL

Project URL

http://webjars.org
Source Code Management

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
Browse

How to add to project

<!-- 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>
// https://jarcasting.com/artifacts/org.webjars.bower/angular-ui-bootstrap-tabs-include/
implementation 'org.webjars.bower:angular-ui-bootstrap-tabs-include:0.1.0'
// https://jarcasting.com/artifacts/org.webjars.bower/angular-ui-bootstrap-tabs-include/
implementation ("org.webjars.bower:angular-ui-bootstrap-tabs-include:0.1.0")
'org.webjars.bower:angular-ui-bootstrap-tabs-include:jar:0.1.0'
<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>
@Grapes(
@Grab(group='org.webjars.bower', module='angular-ui-bootstrap-tabs-include', version='0.1.0')
)
libraryDependencies += "org.webjars.bower" % "angular-ui-bootstrap-tabs-include" % "0.1.0"
[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