从html中的json对象获取价值

Question

如何在下面的div中仅显示值 100 ？

<div> {{uploadProgress | async | json}} </div>

显示的当前值为：

  

[{“ filename”：“ Mailman-Linux.jpg”，“ progress”：100}]

.ts文件中的界面下方：

interface IUploadProgress {
  filename: string;
  progress: number;
}

Answer 1

此uploadProgress | async获取流的对象。

在AsyncPipe之后，它可能会打印出[Object object]

由于这是一个对象，因此您可以像其他任何对象一样简单地获取progress属性。

结果应如下所示：

  <div> {{(uploadProgress | async).progress}} </div>

另外，当您具有的可观察对象不是BehaviourSubject时，您可能希望在Asyncpipe之后添加?和undefined以防止 <div> {{(uploadProgress | async)?.progress}} </div> 错误：

   <div> {{(uploadProgress | async)[0]?.progress}} </div>

正如ShamPooSham正确提到的，似乎结果是一个数组。 因此，答案应如下所示：

ControlValueAccessor