title: Angular JS Error: [$injector:modulerr]
body: <p>Edit: Now that I have actually worked using angularjs, I do not recommend anyone do what I was trying to accomplish. </p>
  
  <p>This is my first Angularjs application so I am a nooby, and still trying to figure things out. But I am receiving an error in my chrome console that says this: </p>
  
  <pre><code>Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.0-beta.1/$injector/modulerr?p0=app&amp;p1=Error…s.org%2F1.3.0-beta.1%2F%24injector%2Fnomod%3Fp0%3Dapp%0A%20%20%20%20at%20E...&lt;omitted&gt;...1) angular.min.js?1394393789:6
  (anonymous function) angular.min.js?1394393789:6
  (anonymous function) angular.min.js?1394393789:30
  r angular.min.js?1394393789:7
  e angular.min.js?1394393789:29
  cc angular.min.js?1394393789:32
  c angular.min.js?1394393789:17
  bc angular.min.js?1394393789:18
  cd angular.min.js?1394393789:17
  (anonymous function) angular.min.js?1394393789:208
  l jquery-2.0.3.js:2913
  c.fireWith jquery-2.0.3.js:3025
  x.extend.ready jquery-2.0.3.js:398
  S
  </code></pre>
  
  <p>Which sends me to this page: <a href="http://docs.angularjs.org/error/" rel="nofollow">http://docs.angularjs.org/error/</a>$injector/modulerr?p0=app&amp;p1=Error:%20%5B$injector:nomod%5D%20http:%2F%2Ferrors.angularjs.org%2F1.3.0-beta.1%2F$injector%2Fnomod%3Fp0%3Dapp%0A%20%20%20%20at%20E</p>
  
  <p>I am not porting any application over from a 1.2 and under. I followed the documentation for some simple code below..</p>
  
  <p>This is the angular doc this code is based off of: <a href="http://docs.angularjs.org/tutorial/step_02" rel="nofollow">http://docs.angularjs.org/tutorial/step_02</a></p>
  
  <p>What is shown in the browser is the header tag with {{split.description}}. Any thoughts?</p>
  
  <p>My HTML</p>
  
  <pre><code>&lt;html lang="en" ng-app="app"&gt;
      &lt;head&gt;
          &lt;!-- My CSS Here --&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div ng-controller="SplitController"&gt;
              &lt;div ng-repeat="split in splits"&gt;
                  &lt;h4&gt;{{split.description}}&lt;/h4&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>My JavaScript</p>
  
  <pre><code>var Split = function(data)
  {
      this.description = data['description'];
  }
  
  function getSplits(parentid) {
      var url = "/transaction/split/get";
      var ajax = $.ajax({
          type: 'GET',
          dataType: 'json',
          url: url,
          data: {
              parentid: parentid
          },
          beforeSend: function(data){
          },
          success: function(data){
              data = JSON.parse(data, true);
              var splits = [];
              for(var i = 0; i &lt; splits.length; i++)
              {
                  splits.push(new Split(splits[i]));
                  console.log(splits[i]);
              }
              var app = angular.module("app", []);
              app.controller('SplitController', function($scope){
                  $scope.splits = splits;
              });
          },
          error: function(data){
              //$('body').html(JSON.stringify(data));
          }
      }).done(function(data){
          });
  }
  
  $(document.ready(function(){
      getSplits(1);
  });
  </code></pre>