ParsleyJS 和 Angular2 的插值答案

【问题标题】：ParsleyJS and interpolation of Angular2ParsleyJS 和 Angular2 的插值
【发布时间】：2016-11-09 12:49:49
【问题描述】：

我对 Parsley JS 和 Angular2 的插值有疑问：

我需要传递一个插值作为 data-parsley-error-container 的值。

例子：

<div class="input-group" id="{{id}}">
   <input type="number" id="service" [(ngModel)]="service" name="service" class="form-control" required="required" data-parsley-errors-container="{{id}}">
   <span class="input-group-addon">seconds</span>
</div>

我得到下一个错误：

错误：未捕获（承诺）：模板解析错误：无法绑定到“data-parsley-errors-container”，因为它不是已知的本机属性（“ data-parsley-min="1" required="required" [ERROR ->] data-parsley-errors-container="{{id}}">

您有什么想法或解决方案吗？

【问题讨论】：

标签： angularjs angular interpolation parsley.js parsley

【解决方案1】：

使用属性绑定而不是插值：

[data-parsley-errors-container]="id"

【讨论】：

【解决方案2】：

对于非原生属性，只需绑定[attr.x]:

[attr.data-parsley-errors-container]="id"

【讨论】：