不能在指令模板中使用 ng-repeat

Question

我无法让我的 ng-repeat 在指令模板中工作。它显示为 "ngRepeat: day in days track by $index".

    angular
        .module('Auto')
        .directive('calendar', CalendarDirective);

CalendarDirective.$inject = ['$interpolate'];
CalendarDirectiveController.$inject = ['$scope', '$rootScope', '$attrs', '$location'];

function CalendarDirective($interpolate) {
    return {
        restrict: 'E',
        scope: true,
        template: $('#template-calendar').html(),
        replace: true,
        link: function(scope, element) {
            var startSym = $interpolate.startSymbol();
            var endSym = $interpolate.endSymbol();
            var rawExp = element.html();
            var transformedExp = rawExp.replace(/&lt;@/g, startSym).replace(/@&gt;/g, endSym);
            var parsedExp = $interpolate(transformedExp);
            scope.$watch(parsedExp, function(newValue) {
                element.html(newValue);
            });
        },
        controller: CalendarDirectiveController,
    };
}

function CalendarDirectiveController($scope, $rootScope, $attrs, $location) {
    $scope.monthText = moment().format('MM YYYY');
    $scope.days = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];

    $scope.title = function () {
        return 'Directive';
    }
}


</p>

<script type="text/html" id="template-calendar">
<div>
    <table>
        <thead>
        <tr ng-repeat="day in days track by $index">
            <th><@day@></th>
        </tr>
        </thead>
        <tbody>
        <tr>
        </tr>
        </tbody>
    </table>
</div>

我现在没主意了

Here is the plunker

Answer 1

$interpolateProvider 已经完成任务，a.e。

angular.module('plunker', [], function($interpolateProvider) {
        $interpolateProvider.startSymbol('<@');
        $interpolateProvider.endSymbol('@>');
})

所以你不需要 $watch 里面的 link。

function CalendarDirective($interpolate) {
    return {
        restrict: 'E',
        scope: true,
        template: $('#template-calendar').html(),
        replace: true,
        link: function(scope, element) {
           // removed 
        },
        controller: CalendarDirectiveController,
    };
}

Plunker Demo

不能在指令模板中使用 ng-repeat

Cannot use ng-repeat inside a directive's template

angularjs

angularjs-directive