在控制台中出现错误无法绑定到“ ngif”，因为它不是Angular应用程序中“ div”的已知属性

问题描述

调用ngif语句进行编辑后，我在控制台中收到此错误 无法绑定到'ngif'，因为它不是'div'的已知属性 我必须提到，我的第一个条件运行良好，并且已将BrowserModule和CommonModule导入到app.module.ts

这是我的task.component.html

<div class="container mt-5">
<div *ngIf ="tasks?.length > 0; else noTasks" >
    <ul class="list-group" >
        <li *ngFor = "let task of tasks" class="list-group-item">
            <div class="row">
                <div class="col">
                    <strong> {{task.title}}: </strong> {{task.description}}
                </div>
                <div class="col-sm-auto">
                    <button (click)="editTask($event,task)" class="btn btn-link"> Edit </button>
                </div>
                <div class="col-sm-auto">
                    <button (click)="deleteTask($event,task)" class="btn btn-link"> Delete </button>
                </div>
            </div>
            <div *ngif="editState && taskToEdit.id == task.id">
                <form (ngSubmit)="udpateTask(task)">
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label>Task title</label>
                                <input type="text" [(ngModel)]="task.title" name="title" class="form-control">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Task Description</label>
                                <input type="text" [(ngModel)]="task.description" name="description" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <input type="submit" class="btn btn-dark" value="Update Task">
                        </div>
                    </div>
                </form>
            </div>
            
        </li>
    </ul>

</div>

<ng-template #noTasks>
    <h5>There are no tasks to list</h5>
</ng-template>   

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）