task-card.component.ts 667 B

1234567891011121314151617181920212223242526
  1. import { Component, Input } from '@angular/core';
  2. import { IonicModule } from '@ionic/angular';
  3. import { Output, EventEmitter } from '@angular/core';
  4. @Component({
  5. selector: 'app-task-card',
  6. templateUrl: './task-card.component.html',
  7. styleUrls: ['./task-card.component.scss'],
  8. standalone: true,
  9. imports: [IonicModule]
  10. })
  11. export class TaskCardComponent {
  12. @Input() id: string = '';
  13. @Input() title = '';
  14. @Input() tags: string[] = [];
  15. @Input() dueDate = '';
  16. @Input() dueTime = '';
  17. @Input() subtasksCount = 0;
  18. // 导入 Output 和 EventEmitter
  19. @Output() cardClick = new EventEmitter<string>();
  20. onClick() {
  21. this.cardClick.emit(this.id);
  22. }
  23. }