在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是一个指令，所以在将值绑定到指令属性时不需要使用花括号