如何在Angular2中使用没有附加元素的ngIf？

为了使用* ngIf在Angular 2+中没有额外的元素，我们可以使用或
但在许多情况下，建议使用。
下面提到有关与* ngIf一起使用而没有额外元素的最佳方案。

app.component.ts：

import { Component } from '@angular/core';
@Component({
  selector: 'my-app-table',
  template: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  
India=[{city:'Hyderabad'}, {city:'Mumbai'}]
  
}

app.component.html：

ng-container example
  
 
 
   
      
 {{ state.city }} 
   
 

上面的ng-container代码说明

如果我们检查它，那么可以看到在

标签之后和

标签之前没有添加任何额外的元素。