将值转换为字符串对象以进行属性绑定

Question

我有一个动态创建表单的组件，所以我从服务器获取所有元数据，并且我的模板中有一个 ngFor 来创建我的字段。这些属性都是与来自服务器的数据的结果绑定的。在其中一个中，我有以下情况： 如果像这样的硬代码
[filterParams]="{state:model.state_field}"
当我调用服务时，我可以将此 filterParams 用作对象并通过 http 请求发送，但我使用来自服务器的元数据我实际上像这样编写代码
[filterParams]="metadata.filterParams"
在 metadata.filterParams 中我有字符串“{state:model.state}”，但“state”的值不能是字符串，因为我使用的是模型值。

如何将来自元数据的字符串转换为从模型中获取值的对象，就像硬编码时的工作方式一样？

Answer 1

您需要将metadata.filterParams: "{state:model.state_field}" 转换为 metadata.filterParams: {state:model.state_field}

所以试试这样：

 yourFunction() {
    let model = {
      state_field: 1
    };
    var eventstring = this.metadata.filterParams.replace(/"/g, "");
    this.metadata.filterParams = eval(eventstring)
    console.log(this.metadata);
  }

Working Demo

根据您的评论：当我意识到在 [filterParams] 中使用“{state:model.state_field}”进行硬编码时

这里：[filterParams]="{state:model.state_field}"

"" 不是字符串，引号只是用来绑定对象{state:model.state_field}