Form.io Я не могу получить абстрактное и индексное представление из моего ResourceProvider с помощью Angularjs

Я пытаюсь создать целое состояние с помощью FormioResourceProvider, но у меня нет пользовательского абстрактного представления, которое я создаю в своей папке views/resource/resource.html, которое я установил в качестве абстрактного шаблона в своем поставщике ресурсов.

angular.module('demoApp').provider('FoodSafetyResource', function() {
return {
  $get: function() { return null; },
  templates: {
    abstract: 'views/resource/resource.html',
    view: 'views/resource/view.html',
    index: 'views/resource/index.html',
    create: 'views/resource/create.html'
  },
  controllers: {
    index: '',
    view: '',
    delete: '',
  }
};});

Кроме того, я зарегистрировал своего поставщика ресурсов с помощью FormioResourceProvider.register.

 // Register all of the resources.
angular.forEach(AppConfig.resources, function(resource, name) {
  FormioResourceProvider.register(name, resource.form, $injector.get(resource.resource + 'Provider'));
});

Я не вижу абстрактного представления для этого $state.go('foodsafetyIndex()')

состояние foodsafetyIndex(), которое должно быть с заголовком

<div class="panel panel-headline">
  <div class="panel-heading">
    <h2>{{ currentResource.name | capitalize }}</h2>
  </div>
<div class="panel-body">
  <div class="col">
    <ul class="nav nav-tabs">
      <li role="presentation" ng-class="{active:isActive(currentResource.name + '.view')}" ><a ui-sref="{{ baseName }}.view()">View</a></li>
      <li role="presentation" ng-class="{active:isActive(currentResource.name + '.edit')}"><a ui-sref="{{ baseName }}.edit()">Edit</a></li>
      <li role="presentation" ng-class="{active:isActive(currentResource.name + '.delete')}" ><a ui-sref="{{ baseName }}.delete()">Delete</a></li>
    </ul>
    <div ui-view></div>
  </div>
</div>

How can I get this template that I did in the index state?.