Angular 角度：将对象传递到指令

我正在寻找一种将对象传递到

指令

的方法，但它显示为字符串

给定此模板：

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

---

我假设可能是JSON.parse中的一些东西，但不确定如何解析？

您必须使用binding

[]

语法

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

---

否则它将被视为一个字符串，您需要在此处输入object。

谢谢您的回复。那个对象永远不会改变，在永远不会改变的对象上使用属性绑定会不会有性能问题？当然会有，但这是可以忽略的。

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