JSON对象作为@Input的字符串 - Angular

Question

我有一个组件的 html，其中我有一个名为 info 的属性，该属性在服务文件中引用。问题是 info 是一个 json 字符串，它将在服务中解析（按角度）。我有一个场景，其中 json 的一个值包含引号 (')。问题是我无法绕过 html 中的引用而不遇到编译错误。有没有相同的解决方案？

下面是一个例子sn-p

<my-component id="wt_tab_206_000000010wrap" class="form-group  inlineblock"
                    [info]="{'id':'wt_tab_206_000000010','value':'LoadDatanew','disabled':false,'readonly':false}"
                    filterFields="N"></my-component>

在上面的例子中，[info] 是关注的属性。因为值键应该具有像LoadData'new 这样的值。但是像LoadData\'new 那样解析它并不能解决问题。任何帮助表示赞赏。

Answer 1

您可以将数据作为对象传递而无需对其进行字符串化。

就这样传递吧：

<my-component id="wt_tab_206_000000010wrap" class="form-group inlineblock"
                    [info]="obj"
                    filterFields="N">
</my-component>

在您的.ts 文件中：

public obj = {
  id: 'wt_tab_206_000000010',
  value: 'LoadDatanew',
  disabled: false,
  readonly: false
}