https://github.com/ustymukhman/tf-template

AngularJS directive - true/false template loading
https://github.com/ustymukhman/tf-template

angularjs angularjs-directive tf-template

Last synced: 20 days ago
JSON representation

AngularJS directive - true/false template loading

• Host: GitHub
• URL: https://github.com/ustymukhman/tf-template
• Owner: UstymUkhman
• License: mit
• Created: 2015-11-03T00:09:37.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2016-02-28T21:22:43.000Z (almost 9 years ago)
• Last Synced: 2024-11-13T01:04:49.292Z (3 months ago)
• Topics: angularjs, angularjs-directive, tf-template
• Language: JavaScript
• Homepage: http://ustymukhman.github.io/tf-template/
• Size: 131 KB
• Stars: 2
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# tf-template

[![tf-template version](https://img.shields.io/badge/bower-v1.0.0-blue.svg)](https://github.com/UstymUkhman/tf-template/blob/master/README.md)

[![tf-template release](https://img.shields.io/github/release/qubyte/rubidium.svg)](https://github.com/UstymUkhman/tf-template/tree/master)

[![tf-template license](https://img.shields.io/packagist/l/doctrine/orm.svg)](https://github.com/UstymUkhman/tf-template/blob/master/LICENSE)

[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/UstymUkhman/tf-template?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

AngularJS directive - true/false template loading

Angular.js comes with several built-in validation mechanism for input fields (ngRequired, ngPattern etc.), however, by using this directive

it's possible to handle both validation outcome (true or false) by specifying a custom template for each of results (or just for one of them). 

The tf-template directive makes it easy to use any variable(s) defined in scope as a validator variable(s). A validator variable will trigger

directive's validation process every time the variable(s) changes.

## Demo

You can test 'tf-template' [here](http://ustymukhman.github.io/tf-template/index.html).

## Requirements

- AngularJS

## Usage

You can get it from [Bower](http://bower.io/)

```sh

bower install git://github.com/UstymUkhman/tf-template.git

```

Load the script files in your application:

```html

```

Add the specific module to your dependencies:

```javascript

angular.module('myApp', ['tf.template', ...])

```

##### OR

You can just download this repository:

```sh

git clone https://github.com/UstymUkhman/tf-template.git

```

Use the script file in your application:

```html

```

And add the module to your dependencies:

```javascript

angular.module('myApp', ['tf.template', ...])

```