title: nz-dropdown-menu called from *ngFor
body: <p>I have and simple ngFor and I would like for each entry to have a button with dropdown and each menu item should call a different function for the specific item in the ngFor.</p>
  
  <p>The code below works and the behaviour is what I expect.</p>
  
  <pre><code>&lt;div *ngFor="let order of orders"&gt;
  
            &lt;nz-dropdown&gt;
                &lt;button nz-button nz-dropdown [nzType]="'primary'" nzGhost&gt;
                    &lt;span&gt;Almighty Dropdown&lt;/span&gt;&lt;i nz-icon nzType="ellipsis"&gt;&lt;/i&gt;
                &lt;/button&gt;
                &lt;ul nz-menu&gt;
                    &lt;li nz-menu-item (click)="fc1(order)"&gt;Function 1&lt;/li&gt;
                    &lt;li nz-menu-item (click)="fc2(order)"&gt;Function 2&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/nz-dropdown&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However I get the error:</p>
  
  <blockquote>
    <p>ng-zorro-antd-core.js:658 [NG-ZORRO]: deprecated: 'nz-dropdown' Component > is going to be removed in 9.0.0. Please use 'nz-dropdown-menu' instead.</p>
  </blockquote>
  
  <p>The code suggested by NG-ZORRO is:</p>
  
  <pre><code>&lt;button nz-button nz-dropdown [nzDropdownMenu]="menu"&gt;Actions&lt;i nz-icon nzType="down"&gt;&lt;/i&gt;&lt;/button&gt;
  &lt;nz-dropdown-menu #menu="nzDropdownMenu"&gt;
    &lt;ul nz-menu&gt;
      &lt;li nz-menu-item&gt;
        &lt;a&gt;1st item&lt;/a&gt;
      &lt;/li&gt;
      &lt;li nz-menu-item&gt;
        &lt;a&gt;2nd item&lt;/a&gt;
      &lt;/li&gt;
      &lt;li nz-menu-item&gt;
        &lt;a&gt;3rd item&lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/nz-dropdown-menu&gt;
  </code></pre>
  
  <p><strong>If I use code like NG-ZORRO suggest in the documentation, how can I pass the 'order' item from the ngFor to the 'clicks' on the submenus?</strong></p>