Question

我正在尝试检查filename变量是否具有值，但是如果该值为null则试图执行ngfor

<h2>{{news.content}}</h2>


<ng-container *ngIf="filename">
    <div *ngFor="let file of filename">
        <img src="{{'http://127.0.0.1:8000/images/'+file}}"  style = "width: auto;margin: auto;display: block;">
    </div>
  </ng-container>

Answer 1

检查文件名长度。

*ngIf="filename?.length > 0"

Answer 2

尝试一下

*ngIf="filename.length!==0"

Answer 3

要将任何值强制转换为布尔值并进行安全检查，请使用双重否定运算符，如下所示：

*ngIf="!!filename"

这样，

if true -> false -> true
if 25 -> false -> true
if "Hello world" -> false -> true
if null -> true -> false
if undefined -> true -> false
if false -> true -> false

ngif如果为假，请循环播放

3 个答案: