DEV Community

Faisal Ahmed
Faisal Ahmed

Posted on

2

Component id generation collision detected

host: {'collision-id': 'gallery-1'},

use different different id like:
gallery-1
gallery-2

import { Component, ElementRef, Input, ViewChild } from '@angular/core';

@Component({
  selector: 'app-gallery',
  templateUrl: './gallery.component.html',
  styleUrls: ['./gallery.component.scss'],
  host: {'collision-id': 'gallery-1'},
})
export class GalleryComponent {
  @ViewChild('fullScreen') elem!: ElementRef;
  @Input() galleryData!: any[];
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay