title: Angular - UI.Router not loading component
body: <p>I am unable to get ui.router to load a component on index.html, through a localhost or otherwise:</p>
  
  <p>index.html</p>
  
  <pre><code>    &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="//unpkg.com/angular-ui-router@0.3.1/release/angular-ui-router.js"&gt;&lt;/script&gt; &lt;!-- used to route views --&gt;
      &lt;script src="js/components.js"&gt;&lt;/script&gt;
  
      &lt;body ng-app="myApp"&gt;
      &lt;div&gt; &lt;!-- main content --&gt;
           &lt;ui-view&gt;&lt;/ui-view&gt;   &lt;!-- this directs ui-router to put the home view here--&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>components.js</p>
  
  <pre><code>    var app = angular.module('myApp', ['ui.router']); //makes a call to the Angular API to create our app, configured with the ui.router plug-in
      //configure our view router
      app.config(function($stateProvider) { 
        //create our different views as objects
        var mainState ={
          name: 'main', //name of the object
          url: '', //url to point to, or that causes this view to be triggered
          component: 'home', //component that works with the data, loads the template
          resolve: { //data to bind to our component
            data: function(Resource) {
              console.log(Resource.test()) //returns "Hello World"
              return Resource.test() 
            }
          }
        }
        //call the states
        $stateProvider.state(mainState); 
      })
      app.service('Resource', function ($http) {
        var service = {
         test: function() {
            return "Hello world"
          }
        }
        return service;
      })
      app.component('home', {
        bindings: { data: '&lt;'}, //make the data we loaded into the view from the factory available to this component
        template: "&lt;p&gt;{{data}}&lt;/p&gt;", //this is the html that we will plug our data into
        controller: function () {
          console.log(this) //does not call
        }
      })
  </code></pre>
  
  <p>"Hello world" loads, as does data when I make $http gets through the service. But it does not get passed to the component. Any thoughts?</p>