Невозможно отобразить данные при нажатии кнопки в 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>

``

Answer 1

Чего именно вы хотели достичь? Просто показывает данные?

  {{halfmoon | json}}

Answer 2

Для отображения данных вы должны использовать интерполяцию Angular .

Ваш шаблон должен выглядеть следующим образом:

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