Typescript Angular2:JsonObject作为@Input值

角度2:2.0.0-beta8

我想定制一个指令。为了实现这一点，我创建了一个包含所有自定义参数的对象，并希望将其传递到模板上，如下所示：

模板中使用的我的指令：

<div my-directive="{param1: 46, param2: 48}"></div>

---

参数对象定义：

export interface Configuration{param1;param2; ...}

---

遗憾的是，它不起作用。可能是Json解析的原因

• 如何让它工作
• 我是否必须在我的组件上创建这个“Param对象”，并使用变量将其传递给模板
• 是否有最佳实践

---

如果要分配对象，请使用

[propName]=“value”

语法

[my-directive]="{param1: 46, param2: 48}"

这是标准属性绑定，其中不涉及Angular

<div my-directive="{param1: 46, param2: 48}"></div>

属性只能保存字符串

@Input（）

字符串化后从属性读取值

---

提示：对于输入、输出和指令名，

myDirective

优于

myDirective

。只有元素名称使用

my-element

来实现自定义元素的兼容性。

Ergh my-bad！！谢谢在上面的解决方案中，我的指令将输入作为字符串，如何传递内部准备的动态objcomponent@Runali答案尤其是关于传递对象，而不是字符串。对不起，我不知道你的意思。

<div my-directive="{param1: 46, param2: 48}"></div>