使用自定义属性在 Ionic 2 上进行输入

Question

我正在尝试在输入和div上使用自定义属性。当我像这样放置静态数据时：

<input type="hidden" class="test" value="0" custom-data='12345' />

代码工作正常。但是当我使用循环中的数据时，例如：

<input type="hidden" class="test" value="0" custom-data='{{ data.id }}' />

我收到此错误：

Unhandled Promise rejection: Template parse errors:
Can't bind to 'custom-data' since it isn't a known property of 'input'.
<input type="hidden" class="test" value="0" [ERROR ->]custom-data='{{ data.id }}' />

Answer 1

在为表达式设置输入时，应始终使用括号表示法：

<input type="hidden" class="test" value="0" [custom-data]="data.id" />

Answer 2

删除大括号并添加值

<input type="hidden" class="test" value="0" custom-data='data.id ' />

由于custom-data是指令，因此在将值绑定到指令属性时无需使用大括号