AngularJS binden Variable, um benutzerdefinierte HTML-Attribut

Question

Ich versuche, eine Variable in meinem $ scope auf eine benutzerdefinierte HTML zu binden, wie so Attribut:

<textarea name="message" rows="5" class="form-control" placeholder="{{translation.form.message}}" id="message" required data-validation-required-message="{{translation.form.validation.message}}"></textarea> 

obwohl die Daten nicht funktioniert verbindlich, es zeigt nur, bis leer im HTML. Wie kann ich das erreichen?

Answer 1

Fügen Sie data in dem Namen ein, den Sie unter $scope verwenden? data- ist eine HTML5 attribute prefix, die den Renderer anweist, das Attribut zu ignorieren, aber JavaScript wird es sehen und es nach dem Entfernen von data- verfügbar machen. Ich stieß auf dieses Problem vor einer Weile, wo ich data-objects als Attribut hatte, und es dauerte eine Weile, um sich zu erinnern, dass data- besonders gehandhabt wird.

In Ihrem Fall müssten Sie auf data-validation-required-message="" als validationRequiredMessage in Angular zugreifen.