首页 > 解决方案 > ngIf 和 ngFor 在 Ionic 5 (Angular 9) 组件中不起作用

问题描述

我正在重构一个项目并将一个模块移动到另一个地方。

似乎 NgIf 或 NgOf 不再工作了,我尝试使用基本代码。

编辑:我有这个错误:不能绑定到'ngIf',因为它不是'ion-list'的已知属性。

我检查了我的导入并在我的主模块中导入 BrowserModule

import { BrowserModule } from '@angular/platform-browser';

我的 HTML

<ion-header>
  <ion-toolbar color="primary">
      <ion-buttons slot="start">
          <ion-back-button></ion-back-button>
        </ion-buttons>
    <ion-title>Shopping Cart</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content>
  <div *ngIf="1 > 0">Hello</div>
</ion-content>

我的模块

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';

import { IonicModule } from '@ionic/angular';

import { CartPageRoutingModule } from './cart-routing.module';

import { CartPage } from './cart.page';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    CartPageRoutingModule
  ],
  declarations: [CartPage]
})
export class CartPageModule {}

我的组件导入

import { Component, OnInit } from '@angular/core';
import { ApiService } from 'src/app/@core/services/api.service';
import { Router, NavigationExtras } from '@angular/router';
import { AlertController } from '@ionic/angular';

标签: angularionic-frameworkionic4

解决方案


推荐阅读