Мой контроллер мешает моей UI-маршрутизации

У меня был рабочий прототип представлений состояний с жестко закодированными значениями, но когда я попытался включить контроллер, он нарушил ссылки ui-sref, и они, похоже, не указывают на что-либо. Я могу удалить атрибут ng-controller, и они снова работают, но отобразится просто отлично.

Я также попытался подключить ng-controller к div в шаблоне, предварительно отказавшись от контроллера в index.html, и хотя это не нарушает связь, я не могу заставить какие-либо выражения в шаблоне работать, и наличие контроллера будет субоптимальным для целей моего приложения, если я смогу его избежать.

Какие ограничения контроллеров и взглядов я не понимаю?

index.html фрагмент

<div class="main" ng-controller="MainCtrl">
    <a ui-sref="StateA">AAAAA</a>
    <div ui-view></div>
</div>

app.js

var app = angular.module('app', ['ui.router']);

app.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('StateA', {
            url: "/a",
            templateUrl: "views/a.html",
            controller: "MainCtrl"
        })
});

MainCtrl.js

app.controller("MainCtrl", [$scope, function($scope, paramGroups) {//empty controller//}]);