Bei der Verwendung von ng-attr?

Es scheint, wie die Verwendung von direkten Parametern und der ng-attr-* Richtlinie die gleiche Sache zu tun. Zum Beispiel, die folgende render-äquivalent:

   <div ng-attr-id="{{ 'object-' + value }}">ID</div>
   <div id="{{ 'object-' + value }}">ID</div>

Wann sollte ich ng-attr-* und Wann sollte ich das direkte HTML-Attribut?

  • Ja, Sie sind die gleichen ng-attr wird verwendet, wenn das Attribut sonst eifrig bearbeitet von Browsern Lesen Sie bitte hier docs.angularjs.org/guide/directive (suchen Sie nach "ngAttr Attribut "Bindungen")
InformationsquelleAutor zloctb | 2015-09-01
  1. 13

    ng-attr dient zum hinzufügen oder die attribute im Kontext. Wenn der Ausdruck {{undefined || null}} ist, kann das Attribut nicht Hinzugefügt, ansonsten, wenn einen Wert hat, der dann-Attribut Hinzugefügt, mit dem Wert {{ value }}.
    In den meisten Fällen ist die interpolation.
    Verwandte:
    Bedingt hinzufügen von data-Attribut in Eckigen Richtlinie Vorlage

    InformationsquelleAutor Sieg
  2. 5

    Verwenden Sie Sie für die benutzerdefinierte html-Daten Attribute - wie-wenn man wollte-ein Attribut, sagen wir myData Sie tun würde 

      <div ng-attr-myData="{{ 'object-' + value }}">ID</div>
    • OK. Was die Unterschiede zwischen ng-attr-myData und myData ?
    • Sie kann nicht beurteilen, myData. Dein Beispiel funktioniert nur, weil es verwendet die ID bereits vorhanden ist. @zloctb
    • für camel-case Attribute würden Sie eigentlich tun müssen ng-attr-my_data, aber wie @zloctb Staaten, die diese bietet keine Vorteile gegenüber der Einstellung einer myData-Attribut ohne ng-attr-
    • guter Fang, wie es aussieht downcases das Attribut.
    InformationsquelleAutor ajmajmajma
  3. 3

    Gibt es nur wenige Situationen, in denen ng-attr-[attribute]="{{angular stuff}}" ist anders als nur [attribute]="{{angular stuff}}". Bestimmte Elemente in bestimmten Browsern kann gebrochen werden, wenn ng-attr nicht verwendet wird. Winkel-Dokumentation listet ein paar Beispiele:

    • Größe in <select> Elemente (siehe Problem 1619)
    • Platzhalter in <textarea> im Internet Explorer 10/11 (siehe Heft 5025)
    • Typ in <button> im Internet Explorer 11 (siehe Ausgabe 14117)
    • Wert in <progress> im Internet Explorer = 11 (siehe Ausgabe 7218)

    Quelle: https://docs.angularjs.org/guide/interpolation#-ngattr-for-binding-to-arbitrary-attributes

    • Dies ist die einzige und richtige Antwort die ich hier sehen.
    InformationsquelleAutor omikes
  4. 0

    ng-attr kann verwendet werden, um dynamisch einen Wert zuweisen, um ein Attribut eines html-Elements.

    Einem Fall, wo ich es benutzt habe war die Mitarbeiterin ein label auf ein Formular-Steuerelement mit dynamischen id.

    <label ng-attr-for="{{parameter.name}}">{{ parameter.name }}</label>
<input ng-attr-id="{{parameter.name}}" type="text">

    Er kann auch verwendet werden, weisen Sie den dynamischen Wert eines benutzerdefinierten Attributs.
    Referenz: hier

    InformationsquelleAutor CodeZila
Schreibe einen Kommentar