Angular - Report with Items

This fiddle represents metadata definitions to create a report with items.

by douglasloyo

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<div ng-app="myApp">
<div ng-controller="homeController as vm">
    <span>Title:{{(vm.report.title)}}</span>
</div>
</div>

JavaScript

/* Application */
var myApp = angular.module('myApp', []);

myApp.controller('homeController', function ($scope, reportsService) {
	var vm = this;
  vm.report = {};
  
  // TODO: Pull report Id from url 
  //var reportId = $routeParams.Id;
  var reportId =1;
  
  reportsService.get(reportId).then(function(data){
  	vm.report = data;
    console.log(vm);
  });
});

myApp.service('reportsService', function ($q) { //($http) {
  var reportData = {
  	id: 1,
    title: "Some Title",
  };
  
  // TODO: Replace with Database call.
  return{
  	get: function(reportId) {
  			 		return $q(function(resolve) { resolve(reportData); });
  			 },
    //get: function (model) {
    //    return $http.get(resourceUrl + "/" + model.Id).then(function (response) { return response.data; });
    //},
  }
});