Próbuję utworzyć dyrektywę, która jest używana w następujący sposób:

<amount value="myValue" neg-class="negative" />

myValue jest wartością zasięgu (powinna być liczbą)negative to po prostu nazwa klasy css.

Ideą dyrektywy jest to, że nie będę pokazywał waluty użytkownikowi, a gdy kwota, która jest związana, jest ujemna, negClass zostaje zastosowany do renderowanego elementu.

Problem, który mam, polega na tym, że po zmianie negClass aktualizacja nie wchodzi w życie. Jednak widzę zmiany w DOM.

Oto moja definicja dyrektywy:

myModule.directive('amount', function () {
    return {
        restrict: 'E',
        replace: true,
        template: '<span ng-class="{ {{negClass}}: value < 0 }">{{value | currency}}</span>',
        scope: {
            value: "=",
            negClass: "@",
        }

    };
});

Oto uprząż testowa, która pokazuje problem:https://dl.dropboxusercontent.com/u/1563210/amtdirtest.html