Добавлен plunkr http://plnkr.co/edit/9WTNW0?p=preview.
Просто переключитесь между ng-include и встроенным подходом на основе div в html.
HTML
<div id="attendee" ng-include src="'js/view/partials/attendee.html'"></div>
OR
<ng-include id="attendee" src="'js/view/partials/attendee.html'"></ng-include>
JavaScript
var self = this;
angular.module('demo', [])
.controller("AttendeeController", function($scope, $location){self.attendeesController($scope,
angular.bootstrap(document.getElementById("attendee"), ['demo']);
он работает нормально, но я вижу ошибку в консоли для строки, которая запускает начальную загрузку.
TypeError: object is not a function
однако, если я встроил html, то ошибки нет
<div id="attendee">
<ul data-ng-controller="AttendeeController">
<li data-ng-repeat="attendee in attendees">
<a href="#/attendees/{{attendee.id}}" target="_self">{{attendee.firstName}}</a>
</li>
</ul>
</div>