Tower Directive

API to the DOM. Tells the DOM what to do.

Installation

$ component install tower/directive

Examples

var directive = require('tower-directive');
 
directive('data-text', function(scope, element, attr){
  element.textContent = scope[attr.value];
});
 
var content = { foo: 'Hello World' };
var element = document.querySelector('#example');
 
directive('data-text').exec(content, element);

<span id="example" data-text="foo"></span>

becomes:

<span id="example" data-text="foo">Hello World</span>

The directives are used more robustly in tower-template.

API

exec(content, element)

This one must be exact to maximize performance.

directive.exec(content, element)

Globally execute all directives.

directive.exec(content)

directive.exec(element)

directive.exec()

Running Tests

Install testem:

$ npm install -g testem

Install Node Packages:

$ npm link

Install Components:

$ component install -d

Run tests:

$ testem

Then, open all the browsers you want to test by going to the outputted url defaulted to http://localhost:7357

Tests will run on any open browser linked to the stated url and your current Node environment.

Contributing

Before you send a pull request, make sure your code meets the style guidelines at https://github.com/tower/style-guide and all tests pass.

Notes

• http://en.wikipedia.org/wiki/Content_(media)
• http://en.wikipedia.org/wiki/Scope_(computer_science)
• http://en.wikipedia.org/wiki/Directive_(programming)

License

MIT