Javascript 仅显示使用管道的对象的值

我有一个目标：

{
  "cvaluevalve1": "D12",
  "cvaluevalve2": "D12",
  "cvaluevalve3": 0,
  "backvalue": "C07"
}

当我把它放到“json”管道{{object | json}}中时，它会以一个完整的json字符串的形式显示出来。但是，我希望它看起来更像：

D12-D12-0-C07

我知道我可以用{object？.cvaluevalve1}}等等来显示每个对象，但是我想用一个管道来实现这一点。我如何使用管道实现这一点？我需要定制烟斗吗

---

提前感谢。

如果您想在这里使用管道，请

export class JsonPipe implements PipeTransform {
   transform(obj: any) : any{
      return Object.values(obj).join('-');
   }
}

如果您只是想查看值-

value = Object.values(obj).join('-'); // component.ts
{{ value }} // component.html

---

如果你想在这里使用管道-

export class JsonPipe implements PipeTransform {
   transform(obj: any) : any{
      return Object.values(obj).join('-');
   }
}

如果您只是想查看值-

value = Object.values(obj).join('-'); // component.ts
{{ value }} // component.html

---

Angular 6现在有keyvalue管道来迭代对象

<div *ngFor="let item of object | keyvalue">
  {{item.key}}:{{item.value}}
</div>

{{item.key}}:{{item.value}

---

更多参考信息

Angular 6现在有keyvalue管道在对象上迭代

<div *ngFor="let item of object | keyvalue">
  {{item.key}}:{{item.value}}
</div>

{{item.key}}:{{item.value}

---

有关更多参考信息

如果这是将要在组件中使用的东西，然后该组件将在多个位置使用，而不是创建管道，则可以执行以下操作：

obj = {
  "cvaluevalve1": "D12",
  "cvaluevalve2": "D12",
  "cvaluevalve3": 0,
  "backvalue": "C07"
}
value  = Object.values(this.obj).join('-')

在模板中：

{{ value }}

---

如果这是将要在组件中使用的东西，然后该组件将在多个位置使用，而不是创建管道，则可以执行以下操作：

obj = {
  "cvaluevalve1": "D12",
  "cvaluevalve2": "D12",
  "cvaluevalve3": 0,
  "backvalue": "C07"
}
value  = Object.values(this.obj).join('-')

在模板中：

{{ value }}

---

你也可以试试这个

---

你也可以试试这个

---

请注意，这并不保证属性的顺序。在这种情况下，您只需执行

返回Object.values（obj）.join（'-'）

。无需运行synchronous

forEach

@MaksymShevchenko，谢谢您的建议。更新：）请注意，这并不保证属性的顺序。在这种情况下，您只需执行

返回Object.values（obj）.join（'-'）

。无需运行synchronous

forEach

@MaksymShevchenko，谢谢您的建议。更新：）这就是你要找的对象。值（你的对象）。连接（'-'）这就是你要找的对象。值（你的对象）。连接（'-'）