一个Angular核心指令，用于切换DOM中目标元素的存在。不要将此标记用于旧版AngularJS中的ng-if指令。
*ngIf 带有 NOT (!) BehaviorSubject 作为条件错误
*ngIf 对于异步 NOT 条件？ 所以我有一个相当简单的登录服务，它使用行为主题库来了解用户何时登录。 登录服务.ts 构造函数（私有 http: HttpClient...
如果员工在场或缺席，我正在检查状态。如果他在场，则显示一个绿色徽章，上面写着出席，否则显示红色批次，缺席。 如果员工在场或缺席，我正在检查状态。如果他在场，则显示一个绿色徽章，上面写着出席，否则显示红色批次，缺席。 <tr *ngFor="let item of attendance; let i = index"> <th>{{i + 1}}</th> <td>{{item.empid}}</td> <td>{{item.first_name}} {{item.last_name}}</td> <td>{{item.date | date: 'dd-MM-yyyy'}}</td> <td *ngIf="{{item.status}} == 'present'"> <span class="badge rounded-pill bg-success">Present</span> </td> </tr> 我试过使用 ng-template 它不工作。我自己解决问题我不需要帮助。 花括号不是必需的。修改您的代码如下。 将<td *ngIf="{{item.status}} == 'present'">替换为 <td *ngIf="item.status === 'present'"> <tr *ngFor="let item of attendance; let i = index"> <th>{{i + 1}}</th> <td>{{item.empid}}</td> <td>{{item.first_name}} {{item.last_name}}</td> <td>{{item.date | date: 'dd-MM-yyyy'}}</td> <td *ngIf="item.status === 'present'"> <span class="badge rounded-pill bg-success">Present</span> </td> </tr> 您不需要在 HTML 标签中使用 {{}} 语法。尝试： <tr *ngFor="let item of attendance; let i = index"> <th>{{i + 1}}</th> <td>{{item.empid}}</td> <td>{{item.first_name}} {{item.last_name}}</td> <td>{{item.date | date: 'dd-MM-yyyy'}}</td> <td *ngIf="item.status === 'present'"> <span class="badge rounded-pill bg-success">Present</span> </td> </tr>
这已被问过很多次，但没有一个解决方案对我有用，我花了几个小时试图弄清楚为什么它不起作用，但我仍然没有答案。 所以，我正在使用 lottie json 动画...
如何在 *ngIf 语句中包含多个案例？我习惯了带有 if、else if 和 else 的 Vue 或 Angular 1，但是 Angular 4 似乎只有真 (if) 和假 (else) 条件。
如果我有以下情况： {{用户名}} 有没有办法在上面的 div finally 时执行代码
嗨，我是角度平台的新手，请有人帮助我 当我单击登录表单中的提交按钮时，角度为 15 的提交按钮未启用用户名、密码和验证码验证 如果我...
我有 2 个垫子选项。 1 用于从后端加载项目，另一个用于显示无。 我有 2 个垫子选项。 1 用于从后端加载项目，另一个用于显示无。 <mat-form-field id="Dropdown"> <mat-select id="ddlabel" placeholder="{{'DDLabel' | translate}}" [(value)]="selecteditem" (selectionChange)="changeitem($event)"> <mat-option class="items-toload" [value]="item" *ngFor="let item of dditems">{{ item }}</mat-option> <mat-option *ngIf="isitemSelected()" class="items-toload">{{'ItemNone' | translate}}</mat-option> </mat-select> </mat-form-field> 我只想在选择项目（来自第一个垫子选项）时显示无（第二个垫子选项）。 isitemSelected() { if (this.selecteditem != '') { return true; } return false; } 但是这个函数没有被调用，所以在 UI 中总是没有选项可用。 请帮助理解这不是所谓的。 我已经向isitemselected()添加了一个警报，并注意到这没有被调用。 我尝试使用变量并在changeitem($event)中选择项目时将其设置为true，这总是行不通。 您不需要在 *ngIf 条件下调用函数。请直接在您的 html 中添加以下条件。 *ngIf="selecteditem && selecteditem != ''" <mat-option *ngIf="selecteditem && selecteditem != ''" class="items-toload">{{'ItemNone' | translate}}</mat-option>
ngIf 导致错误：条件表达式需要表达式末尾的所有 3 个表达式
我正在尝试在表单组中编写表单控件特定的验证错误消息。我在网上找到了几个教程和示例（例如这个）概述了一个看似简单的 *ngIf div
当使用*ngIf函数来showhide时，html中的块没有更新，当渲染块检查值({{contactInfoValid(contact)}})是否正确更新时，*ngIf是...
这个条件总是返回'false'，因为'number'和'string'类型没有重叠 ngIf
我有一个DIV，有几个ngIf条件。但是我最近添加了一个新的条件，在这之后，它触发了一个错误，说这个条件将总是返回'false'，因为'number'和'string'类型有 ...
Angular 9 ng-if 和 ng-show - 元素总是被显示出来
在Angular 9中，我有一段代码，我想隐藏html元素，在typecript中，我有一个公共属性：export class UserPageComponent implements OnInit { public postModel: any = {}; And I want to use ng-show results the same. 在typecript中，我有公共属性： export class UserPageComponent implements OnInit { public postModel: any = {}; 而在Html...
angular2材质设计如何从dataSource动态填充mat-card？
我有一个dataSource数组，我想把这些数据动态地写进几个mat-card元素中，例如我有一个大小为200的数组。
我想知道是否有一个选项可以把if else语句放在for循环里面。我这里有一个例子，如果有任何机会将这段PHP代码转换为Angular。PHP示例 while($row = ... )
else下面有多个语句的ngIf怎么写？我感觉我做了一件很傻的事情，但是很惊讶除了我之外没有发现其他人有这种情况。*ngIf=col !='actions'; ...
我试图创建一个调查与yesno问题，我将有许多问题，所以我想创建一个数组与所有的信息，然后运行ngFor显示我的问题。它工作得很完美。什么...