如何将进度圈限制为 60 而不是 100%答案

【问题标题】：How to limit progress circle to full in 60 instead of 100%如何将进度圈限制为 60 而不是 100%
【发布时间】：2016-11-24 06:37:00
【问题描述】：

在我的 angular 2 项目中，我使用 angular 2 材料设计来显示进度，我使用了这样的进度圈，实际上我将它用作超时，并且我想限制为 60 秒，比如当 60 到达时整个进度应该是完整的

<md-progress-circle mode="determinate" [value]="clock | async"
></md-progress-circle>

【问题讨论】：

【解决方案1】：

鉴于的“值”属性仅接受百分比值，解决方案是将 clock（我理解它可以取 0 到 60 的值）转换为百分比。

您可以像这样实现这种转换：

<md-progress-circle mode="determinate" [value]="(clock * 100 / 60) | async"></md-progress-circle>

【讨论】：

我已经编辑了我的问题，请查看更新后的问题
@blackHawk 我看到你改了标题，但我认为我的回答仍然回答了你的问题。你试过了吗？
是的，其实时钟是可观察的，不能换成百分比，所以通过做进度圈消失了
请给我来自 Angular2 组件的时钟代码。
我看到你在 Plunker 中不再有 async 管道，它允许将时钟数 [0-60] 转换为百分比：plnkr.co/edit/o84zNU06OMGnCXHVoFXf?p=preview