Angular：将对象传递给指令

Question

我正在寻找一种方法将对象传递给directive，但它会变成一个字符串。

鉴于此模板：

<div my-directive="{ name: 'Roger', orders: ['apple', 'pie'] }"></div>

如何在指令中获取对象？

@Input('my-directive') initialData: any; //initial data is a string

我假设可能有JSON.parse，但不确定如何？

Answer 1

您必须使用绑定[]语法

<div [my-directive]="{ name: 'Roger', orders: ['apple', 'pie'] }"></div>

否则它被作为字符串进行威胁，你想要对象。