angular - 无法在角度单击按钮时显示数据

Question

• 我有一个按钮。单击此按钮会调用 getInfo() 方法。
• 此方法调用 api 并获取 resultData。一旦 resultData 可用。我希望一些数据显示在不同的 div 中。
• 有人可以建议

<button class="btn btn-primary" id="infobtn" (click)="getInfo()">Get info</button>

getInfo(){

------resultData

this.halfmoon = {
                 minvalue: 0,
                 maxvalue: 100,
                 value: resultData.data              
                };
}

我正在这样做，但以下不起作用。

<div width="260" [data]="halfmoon" description="Product Two"></div>

``

标签： angularproperty-binding

Answer 1

要显示数据，您应该使用Angular 的插值。

您的模板应如下所示：

<div width="260" description="Product Two">
    {{halfmoon.minValue}}, {{halfmoon.maxValue}}, {{halfmoon.value}}
</div>