title: Angular to set page loading spiner always loading
body: <p>Im using my angular project for the <strong><a href="https://ng.ant.design/components/spin/en" rel="nofollow noreferrer">ant design ng zorro loding spin</a></strong>, when i added to my angular page for the loading spin, its always loading, any one know to how to added correctly this loading</p>
  <p>Thanks</p>
  <p><strong><a href="https://stackblitz.com/edit/angular-ecppsx" rel="nofollow noreferrer">here the stack blitz</a></strong></p>
  <p><strong>code here</strong></p>
  <pre><code>&lt;div class=&quot;&quot;&gt;
      &lt;nz-spin nzSimple *ngIf=&quot;loading&quot; &gt;&lt;/nz-spin&gt;
    &lt;/div&gt;
      
  &lt;nz-table #basicTable [nzData]=&quot;listOfData&quot;&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th&gt;Name&lt;/th&gt;
            &lt;th&gt;Age&lt;/th&gt;
            &lt;th&gt;Address&lt;/th&gt;
            &lt;th&gt;Action&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr *ngFor=&quot;let data of basicTable.data&quot;&gt;
            &lt;td&gt;{{ data.name }}&lt;/td&gt;
            &lt;td&gt;{{ data.age }}&lt;/td&gt;
            &lt;td&gt;{{ data.address }}&lt;/td&gt;
            &lt;td&gt;
              &lt;a&gt;Action 一 {{ data.name }}&lt;/a&gt;
              &lt;nz-divider nzType=&quot;vertical&quot;&gt;&lt;/nz-divider&gt;
              &lt;a&gt;Delete&lt;/a&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/nz-table&gt;
  
  
    `,
    styles: [
      `
        .example {
          text-align: center;
          background: rgba(0, 0, 0, 0.05);
          border-radius: 4px;
          margin-bottom: 20px;
          padding: 30px 50px;
          margin: 20px 0;
        }
      `
    ]
  })
  </code></pre>
  <p><strong>.ts</strong></p>
  <pre><code>  export class NzDemoSpinInsideComponent {
       loading = true;
      
      
      listOfData: Person[] = [
          {
            key: '1',
            name: 'John Brown',
            age: 32,
            address: 'New York No. 1 Lake Park'
          },
          {
            key: '2',
            name: 'Jim Green',
            age: 42,
            address: 'London No. 1 Lake Park'
          },
          {
            key: '3',
            name: 'Joe Black',
            age: 32,
            address: 'Sidney No. 1 Lake Park'
          }
        ];
      
        open(): void {
          this.visible = true;
        }
      
      }
  </code></pre>