使用ControllerAs时，指令参数会被覆盖

Question

我试图使用一个具有不同参数值的指令，并且指令中的第一个参数的值被第二个覆盖。

这是我的HTML父母

<div finals-match-row team="foo"></div>
<div finals-match-row team="bar"></div>

这是指令

angular.module('ViewTournament')

.directive('finalsMatchRow', function () {
    return {
        bindToController: {
            team: '@'
        },
        template: "<p>{{ctrl.team}}</p>",
        controllerAs: 'ctrl',
        controller: function () {
            var ctrl = this;
        }
    }
});

result

expected result

当我使用示波器时，一切似乎都没问题

Answer 1

将指令更改为

copy