title: AngularJS, Rails and ui-router not showing template
body: <p>I'm trying to do <a href="https://thinkster.io/angular-rails/" rel="nofollow">this tutorial</a> and I'm on the part of <code>Angular Routing</code>. And they're using <code>angular-ui-router</code> instead of ng-route. So I found a <a href="https://github.com/angular-ui/ui-router" rel="nofollow">AngularUI router on github</a> which gives a bit more info in using it. But I'm not getting the desired result.</p>
  
  <p>I've added the route-ui through bower using <code>bower install angular-ui-router</code> in the rootfolder of my project which created all needed files etc.</p>
  
  <p>I've added the needed files in my application.js</p>
  
  <pre><code>//= require jquery
  //= require jquery_ujs
  
  //= require angular
  //= require angular-ui-router
  //= require angular-animate
  //= require angular-rails-templates
  
  //= require angular-app/app
  //= require_tree ./angular-app/templates
  //= require_tree ./angular-app/modules
  //= require_tree ./angular-app/filters
  //= require_tree ./angular-app/directives
  //= require_tree ./angular-app/models
  //= require_tree ./angular-app/services
  //= require_tree ./angular-app/controllers
  </code></pre>
  
  <p>When I check the <code>&lt;head&gt;</code> I can see that the angular and router files are being loaded. Also my Angular functions are working.</p>
  
  <p>In my angular-app folder I have a modules folder which has a searchModule.coffee.js file with the following content,</p>
  
  <pre><code>@app = angular.module('app.movieseat', [ 'ui.router' ]).config([
  
    '$urlRouterProvider', ($urlRouterProvider) -&gt;
      $urlRouterProvider.otherwise '/state1'
      # Now set up the states
  
    '$stateProvider', ($stateProvider) -&gt;
      $stateProvider.state('state1',
        url: '/state1'
        templateUrl: '../templates/state1.html').state('state1.list',
        url: '/list'
        templateUrl: '../templates/state1.list.html'
        controller: ($scope) -&gt;
          $scope.items = [
            'A'
            'List'
            'Of'
            'Items'
          ]
          return
      )
  ])
  </code></pre>
  
  <p>The templates folder is also inside the angular-app folder.</p>
  
  <p>My body looks like this,</p>
  
  <pre><code>%body{"ng-app" =&gt; "app.movieseat"}
  
    %div{"ui-view" =&gt; ""}
    %a{"ui-sref" =&gt; "state1"} State 1
    %a{"ui-sref" =&gt; "state2"} State 2
  </code></pre>
  
  <p>So I should include the state1.html in the <code>ui-view</code> but nothing is happening. </p>
  
  <p>I am including the correct files, but the ui-view isn't doing anything. I'm also not getting a error in my console.</p>