title: customize content collapse ng-zorro-antd
body: <p>I want customize contents collapse but i can not just content 1 in collapse 1 and content 2 in collapse 2 and want create collapse and set contents with below example. and project is angular 12.
  and can not find the answer in <a href="https://ng.ant.design/components/collapse/en#components-collapse-demo-basic" rel="nofollow noreferrer">document</a></p>
  <p><a href="https://i.stack.imgur.com/HSpaM.png" rel="nofollow noreferrer">example</a></p>
  <p>and how I can implement item 2 (collapse 2) event click edit and delete?</p>
  <p><strong>collapse.component.ts</strong></p>
  <pre><code> panels = [ 
      {
      active: true,
      name: &quot;item 1 (collapse 1) &quot;,
      contents: [
      {
      key: &quot;nameFile&quot;, //i like this content just in  collapse 1
      value: &quot;list.jpg&quot; //i like this content just in collapse 1
      },
      {
      key: &quot;type&quot;, //i like this content just in collapse 1
      value: &quot;jpg&quot; //i like this content just in collapse 1
      },
      {
      key: &quot;size&quot;,//i like this content just in collapse 1
      value: &quot;3mb&quot;//i like this content just in collapse 1
      }
      ],
      disabled: false
      },
      {
      active: true,
      name: &quot;item 2 (collapse 2)&quot;,
      contents: &quot;i like this content  just in collapse2 &quot;
      disabled: false
      }
      ];
  </code></pre>
  <p><strong>collapse.component.html</strong></p>
  <pre><code> &lt;nz-collapse class=&quot;drawerProperty&quot;&gt;
      
        &lt;nz-collapse-panel
      
      *ngFor = &quot;let panel of panels&quot;
      
      [nzHeader] = &quot;panel.name&quot;
      
      [nzActive] = &quot;panel.active&quot;
      
      [nzDisabled] = &quot;panel.disabled&quot;
      &gt;
      
        &lt;div *ngFor = &quot;let value of panels&quot;&gt;
      
           &lt;div *ngFor = &quot;let data of value.contents&quot;&gt;
      
             &lt;b&gt; {{data.key}} &lt;/b&gt;
      
             &lt;br/&gt;
      
               {{data.value}} 
      
           &lt;/div&gt; 
      
        &lt;/div&gt;
      
      &lt;/nz-collapse-panel&gt;
      
      &lt;/nz-collapse&gt;
  </code></pre>