Ionic 5 - ngfor 不显示在组件上

Question

我要疯了，我创建了一个新组件，他工作正常。现在我想在两个页面上使用它。

然后我创建了一个组件模块 (/components/all-components.module.ts)，如下所示：

import { NgModule } from '@angular/core';
import { TagsComponent } from './tags/tags.component';
import { IonicModule } from '@ionic/angular';


@NgModule({
  imports: [IonicModule],
  declarations: [
    TagsComponent
  ],
  exports: [
    TagsComponent
  ]
})

export class AllComponentsModule {}

我在应用程序上添加了。module.ts AllComponentsModule，在我的 2 页模块中我也添加了相同的内容。

现在，当我显示文本或变量时，我的组件工作正常，我的 console.log return 数据，但是如果我使用 *ngFor 什么也没有出现。

最后，这是我的组件

import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'app-tags',
  templateUrl: './tags.component.html',
  styleUrls: ['./tags.component.scss'],
})
export class TagsComponent implements OnInit {

  @Input() userTags: any;

  constructor() {
  }

  ngOnInit() {
      console.log(this.userTags);
  }
}

和视图：

<p>hi</p>
<div *ngFor="let tag of userTags">
  <p>{{tag?.name}}</p>
</div>

Answer 1

好的，我不明白为什么，但如果我使用模块来存储所有组件。在我的 all-components.module.ts 上，我必须将 CommonModule 解释为 *ngFor、*ngIf 等

使用 CommonModule 导入一切正常！

这是更新的代码：

import { NgModule } from '@angular/core';
import { TagsComponent } from './tags/tags.component';
import { CommonModule } from "@angular/common";

@NgModule({
  imports: [CommonModule],
  declarations: [
    TagsComponent
  ],
  exports: [
    TagsComponent
  ]
})

export class AllComponentsModule {}

Ionic 5 - ngfor 不显示在组件上

Ionic 5 - ngfor not diplaying on component

angular

ionic5