Why is id not caught?

Question

JavaScript

I'm making a directive that displays the id of the svg part when clicked.

(function () {
    'use strict';

    angular
            .module('plunker')
            .directive('svgMap', svgMap);

    function svgMap() {
        var directive = {
            link: link,
            templateUrl: 'test.svg',
            restrict: 'EA',
            
            transclude: true

        };
        return directive;

        function link(scope, element, attrs) {
            scope.elementId = element.attr("id");
            scope.regClick = function () {
                console.log(scope.elementId);
            };

        }
    }
})();

in path svg I do ng-click="regClick()"In each path there is an id. But you are driving undefined. What have I done wrong?
plnkr.co

Answer 1

You can try like this