Событие клика по ячейке таблицы в Angular - PullRequest
0 голосов
/ 24 марта 2020

Итак, у меня есть таблица, подобная этой:

enter image description here

Я хочу иметь возможность записать число в том же столбце на консоли, Итак, я использовал событие «(щелчок)»

(click)="onCellSelect(dayLoop)"

, но когда я щелкнул, консоль вышла из всех этих 24 чисел.

enter image description here

Вот полный код

-файла. HTML

        <div
            *ngFor="let facility of facilityList"

        >
            <div
                (click)="showEvent(facility.facility_id)"

            >
                <div

                >
                    <div>{{ facility.facility_name }}</div>
                    <div>{{ facility.facility_code || '' }}</div>
                    <div>
                        {{ facility.need_driver ? (facility.facility_default_driver_name || 'no_name' | translate) : '' }}
                    </div>
                    <div>
                        {{ facility.need_driver ? (facility.facility_default_driver_phone || 'no_phone' | translate) : '' }}
                    </div>
                </div>
            </div>
            <div></div>

            <div
                (click)="onCellSelect(dayLoop)"
                *ngFor="let day of facility.chart"

            >
                <div

                >
                    <div style="position: absolute;width: 100%; height: 100%;display: flex; flex-direction: row;">
                        <div

                            class="line"
                            *ngFor="let item of dayLoop"
                        ></div>
                    </div>
                    <div>
                        <div
                            *ngFor="let item of day"
                            [ngStyle]="{
                                width: item.event_percent * 100 + '%',
                                'background-color': item.bg
                            }"
                        ></div>
                    </div>
                </div>
            </div>
        </div>

+ file.TS

}
onCellSelect(dayLoop, facility_id) {
    console.log(dayLoop)
}

Ну, подведем итог Я хочу щелкнуть ячейку таблицы и отобразить соответствующее число (час) в столбце.

Есть ли какие-нибудь советы по работе с этим?

PS: таблица отображается на Angular Материал диалога

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...