Deaktivieren der Winkelanpassung für das Direktivenattribut

Question

Derzeit schreiben Sie eine Direktive und müssen Leerzeichen als Zeichen an sie übergeben. wie:

<my-directive exclude-chars=" abc"/>

Stellt sich heraus, dass eine Winkel das führende Leerzeichen entfernt; aber ich will es erhalten. Jeder Weg, das zu tun?

EDIT: Ich bin das Bestehen der Richtlinie Parameter als String (@ verwendet wird, nicht als eine Variable, mit =)

Answer 1

ich eines tun würde:

1. Wickeln Sie das Attribut in {{' und '}}:

   <my-directive exclude-chars="{{' abc'}}"></my-directive> 
   

   und Zugriff auf die Zeichenfolge abc, einschließlich dem Raum unter Verwendung von attrs.excludeChars in der Verknüpfungsfunktion des dire ctive

   link: function(scope, element, attrs) { 
       var excludeChars = attrs.excludeChars; 
   } 
   

2. Wickeln Sie das Attribut in ' und ':

   <my-directive exclude-chars="' abc'"></my-directive> 
   

   und dann den Wert durch $eval passieren auf den String mit dem Raum zu erhalten:

   link: function(scope, element, attrs) { 
       var excludeChars = scope.$eval(attrs.excludeChars); 
   } 
   

Hinweis: Der direkte Zugriff auf das Attribut erfolgt über jQuery/jQlite attr Funktion ist überhaupt nicht leicht zu Angular unterstützen verschiedene Formate von Direktiven/Attribute über normalization, und zwingt die Benutzer zu der Richtlinie zu verwenden, die Sie über attr zugreifen.

---

BTW: Benutzerdefinierte HTML-Elemente sollten das schließende Tag explizit in der Vorlage haben. Wenn Sie das nicht tun, habe ich festgestellt, dass das DOM, das der Browser häufig verwendet, nicht ganz das ist, was erwartet wird

Answer 2

Eine der einfachsten Lösung ist es, jqlite attr Funktion wie den folgenden Code zu verwenden.

In Ihrem Anweisungscode.

link: function(scope, element, attrs){ 
    console.log('>'+element.attr("exclude-chars")); 
} 

Demo jsfiddle is here.