找不到指令所需的AngularJS控制器

Question

I have an error for each "message"

Error: [$compile:ctreq] Controller 'accordion', required by directive 'accordionGroup', can't be found!

with my code in html

<h2 data-ng-if="!!messageData.messages.length">Messages</h2>

<accordion close-others="true">
    <accordion-group data-ng-repeat="m in messageData.messages">
        <accordion-heading>
            <span>{{ m.head }}</span>
            <span class="pull-right">{{ m.created | date:'d-MMM-yyyy HH:mm' }}</span>
        </accordion-heading>
        <p>{{ m.body }}</p>
    </accordion-group>
</accordion>

but messages are views with no problems

UPD 1: i tried to debug angular.js and function getControllers return different values for "empty accordion-group" and "accordion-group with ng-repeat", difference is in line

value = value || $element[retrievalMethod]('$' + require + 'Controller');

value is undefined for "ng-repeat acordion-group" and not null for "empty accordion group"

UPD COMPLETE I'm update my VS2013 to RC2 and problems solved.

Answer 1

Thank you for having the time to provide a plunkr. I modified it a bit by excluding the non-needed libs and also using data-ng-xx notation. I also used the appropriate way of injecting scope:

['$scope', function($scope){
....
}]

I also put ng-app on body and after head cause of a possible script loading order issue. Here is the Plunkr:

http://plnkr.co/edit/Rftdxz4erSeHT14cp2ID?p=preview