Skip to content

Instantly share code, notes, and snippets.

@Micka33

Micka33/README.md

Last active August 29, 2015 14:02
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Micka33/a8481c4acb4f229df21e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Micka33/a8481c4acb4f229df21e to your computer and use it in GitHub Desktop.
Download ZIP
An AngularJS module that load raw json datas from the html on load
Raw
README.md

#Why rawData (reminder)

Because I don't want to have two requests to load one page (one for the squeleton, one for the datas).
So I want to embed the datas in my page on the first request to load them directly.

#How to use rawData

<div>
  <p>{{the_datas}}</p>
  <script raw-data=''  ng-bind='the_datas' type='json'>{"stuff":23,"other":"data"}</script>
</div>

<div>
  <p>{{the_datas}}</p>
  <scriptraw-data='' ng-bind='the_datas' type='json' initdata='{"stuff":23,"other":"data"}'></script>
</div>

What can be added

more if can be added to be able to load strings/integers/booleans.

...
try{
  if ($attrs.type.toLowerCase() == 'json')
    $scope[$attrs.ngBind] = angular.fromJson(text);
...
Raw
angular-load-raw-datas.js
(function(window, angular, undefined) {'use strict';
angular.module('loadRawData', [])
.directive('rawData', [function() {
return {
restrict: 'A',
link: function ($scope, $element, $attrs)
{
if ( typeof $attrs.ngBind !== 'undefined')
{
var text = ($attrs.initdata ? $attrs.initdata : $element.text());
try{
if ($attrs.type.toLowerCase() == 'json')
$scope[$attrs.ngBind] = angular.fromJson(text);
}catch(e){
console.error(e);
console.info('you sent:', text);
console.info('raw-data was expecting:', $attrs.type);
}
}
}
}
}]);
})(window, window.angular);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment