Angular 单击a<；后如何使用[ngStyle]显示和隐藏div；按钮>；

我试图在点击一个按钮后显示一个div。此单击调用my component.ts中的函数

我想显示这个函数的结果，但我希望它保持隐藏状态，在调用这个函数之前，我没有真正得到解决方案，使用Jquery可能会更容易。但是我还没有在Angular中使用它

我会感谢任何帮助……非常感谢：）

代码，首先是视图

{{titulo}}


{{dato.year}



{{{film.year}
滴度：{film.name}
类型：{film.gender}
Hauptrolle:{{film.mainprole}}
地区长官：{{film.director}

只需使用

*ngIf

并检查数组长度是否包含元素

*ngIf=“infoFilm&&infoFilm.length>0”

：

{{titulo}}


{{dato.year}



{{{film.year}
滴度：{film.name}
类型：{film.gender}
Hauptrolle:{{film.mainprole}}
地区长官：{{film.director}

您应该使用

*ngIf=“infoFilm”

我按照您的建议做了，但我没有工作……：（（我按照您的建议做了，但我没有工作……）((（你应该全部删除样式。ngIf要做的就是显示或不显示。基于对或错的陈述，或定义或未定义的我，谢谢，你已经帮了我很大的忙了，它可以工作！！，但是css样式丢失了！！我是如何配置我的div的样式的？@serenimus我很高兴它对你有帮助！：）：）

<div id="titulo-filme">
    <h2>{{ titulo }}</h2>
</div>
<div id="film-jahren">
    <ul>
        <li *ngFor="let dato of datos;let indice = index">
                {{ dato.year }}
            <button #btnInfo type="button" [disabled]="click[indice]" 
                (click)="verInfoPorIndice(indice); click[indice] = true ">
            <img src="../assets/images/claqueta.png"></button>
        </li>   
    </ul>   
</div>


<div id="filmContent" #filmContent *ngIf="infoFilm && infoFilm.length > 0">     
    <ul *ngFor="let film of infoFilm; let indice = index">
        <li [ngStyle]="{'color':film.year == 1920 ? 'red' : 'white' }">{{ film.year }}</li>
        <li>Titel: {{ film.name }}</li>
        <li>Genre: {{ film.gender }}</li>
        <li> Hauptrolle: {{ film.mainrole }}</li>
        <li>Regisseur: {{ film.director }}</li>
        <li [ngStyle]="{'align-content':film.year > 1895 ? 'center' : 'center'}"><p> 
        <img src="../assets/images/{{ film.bild }}"></p></li>               
    </ul>
    <br>        
</div>