Angularjs 对离子2的输入使用自定义属性

我试图在输入和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 }}' />

未处理的承诺拒绝：模板分析错误：
无法绑定到“自定义数据”，因为它不是“输入”的已知属性。
]自定义数据='{data.id}}'/>

删除花括号并添加值

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

---

由于

自定义数据

是指令，因此在将值绑定到指令属性时无需使用花括号

删除花括号并添加值

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

---

由于

自定义数据

是一个指令，因此在将值绑定到指令属性时无需使用花括号

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

---

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

---

如何在.ts文件中获取此自定义数据并向其发出警报（单击）=“测试（）”如何在.ts文件中获取此自定义数据并向其发出警报（单击）=“测试（）”