How to pass dynamic content to nztab

[catherinekennedy]

Hello All,

I want to pass dynamic content to tabs. I have attached the code

 <app-tabview [tabviewData]='tabviewData'>
  <div tab1>
    <p>This is some dynamic content for tab 1</p>
  </div>
  <div tab2>
    <p>This is some dynamic content for tab 2</p>
  </div>
  <div tab3>
    <p>This is some dynamic content for tab 3</p>
  </div>
  </app-tabview>

  tabviewData:{
    data:[{
      title:"tab 1",
    id:"tab1"
    },
    {
      title:"tab 2",
    id:"tab2"
    },
    {
      title:"tab 3",
    id:"tab3"
    }
  ]
    
  }

but the content of all tabs is shown in every tab like this!

may I know how to solve this error?
Thanks in advance