Angular2：JsonObject as @Input value

Question

Angular2：2.0.0-beta8

我想定製一個指令。爲了做到這一點我創建了一個包含我所有的自定義參數的對象，我希望通過它在我的模板是這樣的：

在模板中使用

我的指令：

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

---

輸入在我的指令：

@Input('my-directive') 
public conf: Configuration; 

---

的參數對象的定義：

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

---

不幸的是，它不起作用。也許是Json解析的原因？

• 如何得到它的作品？
• 我是否應該在組件上創建此「Param對象」，並使用變量將它傳遞給模板？
• 是否有最佳做法？

Answer 1

如果你想分配對象使用[propName]="value"語法

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

這是標準的屬性的結合，其中不涉及角。

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

屬性只能保存字符串。 @Input()在字符串化後從屬性讀取值。

提示：對於輸入，輸出和指令名稱myDirective優於my-directive。對於自定義元素的兼容性，只有元素名稱使用my-element。