在Angular 2中将html放入数组对象的最正确方法？

Question

我不确定这是否可能，但我想将HTML放在数组对象中，例如

{'title': 'How to make omelette du fromage', 
'desc': '<div class="container"><div class="row"><p class="big">Just put cheese in your omelette.</p></div></div>'}

或者我有一些使用'的管道，例如

{'title': 'Search item', 'code': '<div *ngFor="let item of items | search:'item':query">{{item}}</div>'}

...但我知道这很危险，因为HTML使用“和”会完全破坏结构。

有干净的方法吗？

Answer 1

由于数组中的HTML被视为字符串，因此您可以使用\'而不是'而使用\“而不是”。这仅适用于字符串的内部内容。

Answer 2

为了能够在同一个kine的其他引号内使用引号，只需使用\转义它们

search:\'item\':query"