AngularJS Example:

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div ng-app="app">
   <include-json filename="software.json"></include-json>
   
</div>

JavaScript

(function() {
var app = angular.module('app', []);

app.controller("IncludeJsonController", IncludeJsonController);

app.directive("includeJson",[function() { 
return {
	template: "<div ng-repeat=\"sw in vm.softwares\"><p>{{ sw.name }} v{{ sw.version}}</p></div>",
  controller: "IncludeJsonController",
  restrict: "E",
  link: function(scope, element, attr) {
  
  		scope.vm = {};
      scope.vm.filename = attr.filename;
  }
}}]);

IncludeJsonController.$inject = ['$scope', '$http'];

function IncludeJsonController($scope, $http) {
    $scope.vm.filename = $http.get();
	
}
}());