title: Angular response data not showing in html page
body: <p>Data is coming from API and I see the console log but html page not showing!</p>
  <p>component.ts</p>
  <pre><code>export class AuthComponent implements OnInit {
    appSetting: AppSetting[] = [];
    constructor(private http: HttpClient) {}
  
    async ngOnInit() {
      await this.AppSetting().then((result: AppSetting[]) =&gt; {
        this.appSetting = result;
      });
      console.log(this.appSetting);
    }
  
    async AppSetting() {
      return await this.http
        .get&lt;AppSetting[]&gt;(environment.apiUrl + '/AppSetting/GetsPublich')
        .toPromise();
    }
  }
  </code></pre>
  <p>component.html</p>
  <pre class="lang-html prettyprint-override"><code>&lt;ul *ngFor=&quot;let item of appSetting&quot;&gt;
    &lt;li&gt;{{item.name}}&lt;/li&gt;
  &lt;/ul&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  </code></pre>