dynamisch ändern ng-wenn in benutzerdefinierter Richtlinie

Question

Es gibt die folgenden Code (Jade):

img(
     data-ng-src = "{{ ctrl.getAttachmentPreview(attachment) }}", 
     data-ng-if = "attachment.media_type == 'image'", 
     data-image-error = "xxx" 
    ) 

Und meine benutzerdefinierte Richtlinie (Kaffee):

module.exports = (app) -> 
    app.directive 'imageError', -> 
    restrict: 'A', 
    link: ($scope, el, attrs, ctrl) -> 
     el.attr('data-ng-if', 'false') 

Es ist ein Prototyp. Ich möchte Element in meiner benutzerdefinierten Direktive mit 'ng-if' ausblenden, aber dieser Code funktioniert nicht (Element hat 'Data-ng-if' mit 'false' Wert, aber immer noch sichtbar). Wie kann ich es reparieren? Vielen Dank im Voraus

Answer 1

ng-wenn Angular angewiesen ist, die $scope zu beobachten und den angegebenen Ausdruck zu bewerten, wenn die $scope es ändert, einschließlich DOM-Knoten abhängig vom Ergebnis.

Direkte Manipulation wird nichts tun.

stattdessen den $ scope manipulieren:

module.exports = (app) -> 
    app.directive 'imageError', -> 
    restrict: 'A', 
    link: ($scope, el, attrs, ctrl) -> 
     $scope.attachment = media_type: 'image'