Это уведомление «Идентификатор« gridOptions »относится к частному члену componentAngular», говорящее мне, что я не следую рекомендациям по кодированию?

Question

Я использую ag-grid как основу для построения своих сеток (ЯВНО).
Я прошел простой урок.Итак, вот код на данный момент:

typography.component.html

typography.component.ts

import {Component} from "@angular/core";
import {GridOptions} from "ag-grid-community";


@Component({
    selector: 'typography-cmp',
    moduleId: module.id,
    templateUrl: 'typography.component.html'
})

export class TypographyComponent {
    private gridOptions: GridOptions;

    constructor() {
        this.gridOptions = <GridOptions>{};
        this.gridOptions.columnDefs = [
            {
                headerName: "ID",
                field: "id",
                width: 100
            },
            {
                headerName: "Value",
                field: "value",
                width: 100
            },

        ];
        this.gridOptions.rowData = [
            {id: 5, value: 10},
            {id: 10, value: 15},
            {id: 15, value: 20}
        ]
    }
}  

Это работает безупречно.Однако, как вы могли заметить в html-файле:

gridOptions

подчеркнут красным цветом.И вот почему:

Идентификатор 'gridOptions' относится к закрытому члену компонента

Это понятно.Я следую официальному учебнику.И мне интересно, нарушает ли код какие-либо правила кодирования или лучшие практики?
Спасибо.

Answer 1

Поскольку вы используете gridOptions в своем шаблоне, он не должен быть объявлен как private переменная.

Подробнее об этом: Angular2 - должны ли частные шаблоны быть доступны в шаблоне?

Другой поток все еще открыт на GitHub, но вы получите еще несколько идей относительно этого: Лучшая ошибка автономного компилятора при доступе к закрытым свойствам