Как скрыть элемент таблицы Dynami c в Angular 9 - PullRequest
Новая
       9

Как скрыть элемент таблицы Dynami c в Angular 9

3 голосов
/ 09 марта 2020

У меня есть таблица, и я динамически генерировал столбцы и строки.

Это мой table.component. html

  <table id="tabella" class="table table-striped table-hover">
    <thead class="thead-dark">
      <tr>
        <th *ngFor="let header of _object.keys(utenti[0]); let i = index"> {{header}}</th>

      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let row of utenti">

        <th *ngFor="let utente of _object.keys(row)">{{row[utente]}}</th>
      </tr>
    </tbody>
  </table>

и это мой table.component.ts 

import { Component, OnInit } from '@angular/core';
import { GetUtentiService } from '../../services/getutenti.service';

@Component({
  selector: 'app-utente',
  templateUrl: 'utente.component.html',
  styleUrls: ['./utente.component.css']
})
export class UtenteComponent implements OnInit {

   utenti: any;
   _object = Object;
  visibile: boolean;



  constructor(private _getutentiService: GetUtentiService) { }

  ngOnInit() {

    // Richiamo la funzione definita nel service che effettua una get sul database

    this._getutentiService.getUtenti().subscribe(response => {
      this.utenti = response;
    }, error => {
      console.log(error);
    });
  }
}

это мой сервис. 

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class GetUtentiService {

  private url: string = 'http://localhost:56493/Server/GetUtente';
  constructor(private http: HttpClient) { }

  getUtenti() {
    return this.http.get(this.url);
  }
}

Теперь я хочу контролировать отдельные ячейки моего стола. Я пытаюсь скрыть только столбец идентификатора, но в этом коде я не могу сказать «Скрыть этот столбец, если есть идентификатор», или я хочу отформатировать дату в дд / мм / гггг вместо гггг / мм / дд чч: мм: сс, но, опять же, мне нужно управлять одной ячейкой таблицы.

Как я могу внести эти изменения в мой код?

1 Ответ

0 голосов
/ 09 марта 2020

Похоже, у вас есть две проблемы. Если я правильно понял, вам нужно:

  • Чтобы добавить имя класса, например cell-id, в ячейку идентификатора,
  • Измените формат даты с yyyy/mm/dd на dd/mm/yyyy

Если точно, не могли бы вы попробовать это: 

<tbody>
  <tr *ngFor="let row of utenti">
    <th *ngFor="let utente of _object.keys(row)"
      [ngClass]="{'cell-id': row[utente] === 'id'}">
        {{row[utente]}}
    </th>
  </tr>
</tbody>

Для вашей второй проблемы, пробовали ли вы с DatePipe ?

...