Question

我正在尝试使用Angular2来构建WiX组件。

我将WiX自定义属性wix-options添加到span，使用Angular的语法来允许绑定（请注意{{'email' | translate}}）：

<span wix-ctrl="Input" attr.wix-options="{placeholder: {{'email' | translate}}, size: 'big'}"></span>

当我在Chrome中单步执行JavaScript代码时，该元素不会出现在该元素上：

wix-ctrl属性（不带前缀attr.以允许绑定）继续显示。

如何让Angular2保留DOM中的wix-options属性？ WiX UI库会搜索标有wix-ctrl的元素，然后阅读wix-options以获取更多信息。

Answer 1

你可能想尝试这样做的指令方式：

<span wix-ctrl="Input" [attr.wix-options]="{placeholder: {{'email' | translate}}, size: 'big'}"></span>

否则你必须这样做：

<span wix-ctrl="Input" attr.wix-options="{{ {placeholder: {{'email' | translate}}, size: 'big'} }}"></span>

由于你传入一个对象，Angular并不知道它应该解析整个事物。您也可能在Dev Tools中收到错误。