Отображать диаграмму ng2, когда свойство возвращаемых данных>=0

Question

Я использую библиотеку диаграмм ng2 для рисования кольцевой диаграммы и использую ngif с ней:

<canvas *ngIf="products?.cost >= 0)" baseChart height="50" width="50"
    [data]="doughnutChartData"
    chartType="doughnut"
    [options]="chartOptions"
    [colors]="chartColors">
</canvas>

Это дает мне странную ошибку:

Не удается прочитать свойство 'data' из неопределенного в BaseChartDirective.updateChartData (eval at ( http://localhost:3000/app.js:4568:1),: 90: 23) в BaseChartDirective.ngOnChanges (eval at ( http://localhost:3000/app.js:4568:1),: 26: 26) в Wrapper_BaseChartDirective.ngDoCheck (/ChartsModule/BaseChartDirective/wrapper.ngfactory.js:93:20)

Я не понимаю почему!!

Когда мое состояние как:

(то есть> вместо>=0), он работает нормально, но мне нужно рисовать диаграмму даже с = 0, поэтому мне нужно условие> =

Когда я делаю:

он отлично работает и решает мою задачу. Но здесь я должен поставить два условия вместо одного. Почему происходит сбой с этой ошибкой, когда я ставлю единственное условие, как описано выше? Есть ли способ заставить диаграмму работать, когда product.cost> = 0 с одним условием ngif?

Answer 1

Пожалуйста, попробуйте это

<canvas *ngIf="products" baseChart height="50" width="50"
    [data]="doughnutChartData"
    chartType="doughnut"
    [options]="chartOptions"
    [colors]="chartColors">
</canvas>