AngularJS将变量绑定到自定义html属性

AngularJS bind variable to custom html attribute

本文关键字：自定义 html 属性绑定变量 AngularJS 更新时间：2023-09-26

我正试图将$scope中的一个变量绑定到一个自定义HTML属性，如下所示：

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

尽管数据绑定不起作用，但它只是在html中显示为空。我怎样才能做到这一点？

您在$scope上使用的名称中是否包含data？data-是一个HTML5属性前缀，告诉渲染器忽略该属性，但JavaScript会看到它，并在剥离data-后将其公开。不久前，我遇到了这个问题，因为我将data-objects作为属性，我花了一段时间才记住data-是专门处理的。

在您的情况下，您必须在Angular中以validationRequiredMessage的身份访问data-validation-required-message=""。