he-ajax

Part of Helium

Angularjs ajax directive.

Simple directive used to fetch data without writing any backend query request, as directive itself makes $http request to provided url, applies to scope or stright to DOM with specified key for response data. he-ajax is only for simple usage, implementation is strightforward simple, just makes our life a little bit easier.

How to use

Grab he-ajax.js file from dist folder. Then module dependency helium to your app module:

angular.module('myApp', ['helium']);

Don't forget to add <script src="url/he-ajax.js"></script> to your main index.html file.

And apply he-ajax attribute to any html element like div, p, a, label etc.

That's all, dead-simple.

Result will be promise which will be resolved and applied when data retrieved. Don't worry about FOC, althought directive is simple, it's smart enought and won't show it.

<div he-ajax="{url: 'http://jsonplaceholder.typicode.com/users/1/name'}"></div>

^{Returns result and applies html element, consider request as plain string result.}

<div he-ajax="{url: 'http://jsonplaceholder.typicode.com/users/1', key: 'name'}"></div>

^{Consider request as object result. Note: key - will be applied to reponse data}

  <div he-ajax="{url: 'http://jsonplaceholder.typicode.com/users/1', scope: 'user'}">
    <h3>{{user.name}}</h3>
  </div>

^{When data fetches, result applied to scope.user, then it can be used as any other scope model}

What else

This directive was made to make easy access for user data, such as username, email, without any force, useful for static urls.

Feel free to contribute/use, MIT license.