Viewloader rewrite

app.js

var views = {
  foo: function($el, el, props) {
    console.log(props);
  },
  bar: function($el, el, props) {
    console.log(props);
  }
};
viewloader.execute(views);

// -> bar
// -> {foo: "bar"}
// -> {bar: "baz"}
// -> {bar: "foo"} 

viewloader.js

window.viewloader = {
  execute: function(views, $scope) {
    for(var view in views) {
      var selector = "[data-view-" + view + "]";
      $els = $scope ? $scope.find(selector) : $(selector);
      $els.each(function(i, el) {
        var $el = $(el);
        views[view]($el, el, $el.data("view-" + view));
      });
    };
  }
};

views-to-load.html

<div data-view-foo="bar" data-view-bar='{"bar":"baz"}'/>
<div data-view-foo='{"foo":"bar"}'/>
<div data-view-bar='{"bar":"foo"}'/>