https://github.com/nilz3ro/simple-directives
A declarative directive library for angular.
https://github.com/nilz3ro/simple-directives
angular directives javascript simple
Last synced: 4 months ago
JSON representation
A declarative directive library for angular.
- Host: GitHub
- URL: https://github.com/nilz3ro/simple-directives
- Owner: nilz3ro
- License: mit
- Created: 2015-12-14T19:55:28.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2017-11-27T20:21:32.000Z (over 8 years ago)
- Last Synced: 2025-05-12T17:03:48.998Z (11 months ago)
- Topics: angular, directives, javascript, simple
- Language: JavaScript
- Homepage:
- Size: 2.06 MB
- Stars: 6
- Watchers: 1
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# simple-directives
*A refreshingly simple, declarative directive library for Angular.*
[](https://github.com/feross/standard)
[](https://nodei.co/npm/simple-directives/)
## Install
```
npm install --save simple-directives
bower install --save simple-directives
yarn add simple-directives
```
Once you've done that, you'll have a copy of `simple-directives` in your project's
`bower_components` or `node_modules` directory.
## Include
The easiest way to use `simple-directives` in your project is by including it with
a script tag.
```html
```
This library also works well with build systems like `gulp` especially with `gulp-main-bower-files`.
## Use
Once you've added a script tag, or bundled `simple-directives.js`, you can use it by adding it as a dependency to your angular app like this:
```javascript
(function() {
angular.module('ExampleApp', [
'simple-directives'
])
})()
```
Here's an example of how to build a flexible, declarative table.
```html
Name
Age
Number of Awards
{{ model.name }}
{{ model.age }}
{{ model.award_count }}
```
Made with precision by [@nilz3ro](https://github.com/nilz3ro).