javascript - angular-templates ui-routerがルーティングされていません

Question

既存の angular/rails アプリがあります。新しいモジュールを追加したばかりで、テンプレートがレンダリングされないことを除いて、すべて正常に動作します。以下は私のコードです。

ビュー/プリンター/orders_index.html.erb

<div ng-app="printers"> 
  <div ui-view></div>
</div>

assets/javascripts/printers/config.js

(function() {
'use strict'
  angular.module('printers.controller', [])
  angular
    .module('printers', 
      ['ngAnimate',
       'ui.router',
       'templates',
       'ngResource', 
       'printers.controller',
       'orders.factories'
      ])
    .config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
      /* Routes and States*/
      $stateProvider
          .state('printers.orders.index', {
              url: '/printer_orders_index',
              templateUrl: 'orders_index.html',
              controller: 'PrintersController'
          })
      // default fall back route
      $urlRouterProvider.otherwise('printers_orders_index')
    })
})()

assets/javascripts/printers/controllers/printers_controllers.js

(function() {
  'use strict'

  angular
    .module('printers.controller')
    .controller("PrintersController", PrintersController)

  PrintersController.$inject = ['$scope', 'Order']

  function PrintersController($scope, Order){
    Order.query({}, function(response){
      $scope.orders = response.orders
      $scope.printer_id = response.meta.printer_id
    })
  }
})()

assets/templates/orders_index.html

(これはレンダリングされません。orders_index.html.erb のみをレンダリングしているようで、ng-app=printers は何もしていません。)

ニャー

(Meow を間に挟んだ h1 タグ)

スプロケットの問題を試しましたが、修正されました。他に何も考えられません。どんな助けでも大歓迎です！