0.1.5 • Published 11 years ago
tower-directive v0.1.5
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