Custom angular directive and custom html tag not working : I am creating an application in Django and Angular. I have created one custom Angular Directive as below:

    (function () {
    'use strict';

    angular.module('scrumboard.demo')
        .directive('scrumboardCard', CardDirective);

    function CardDirective() {
        return {
            templateurl: '/static/scrumboard/card.html'
            restrict: 'E'
        };
    }
    })();

And called it through custom HTML tag as below:

    <ul>
                    <p ng-repeat="card in list.cards">
                        <scrumboard-card></scrumboard-card>
                    </li>
                </ul>

However, I can see that the directive is not being called at all. I even tried putting garbage code in the angular directive so as to generate error, but the page just loads without calling that angular directive.