javascript - *ngFor 在 Ionic Popover/Modal 中不起作用

标签 javascript angular ionic-framework ionic4

除了 Popover 和 Modal 之外,此代码适用于我页面中的任何位置。我无法绑定(bind)到“ngForOf”,因为它不是“div”的已知属性
有什么解决方法吗?

<div *ngFor="let u of users">
  <ion-row>
    <ion-col size="12">
      <ion-label>
        <ion-title>{{ u.first}}</ion-title>
      </ion-label>
    </ion-col>
  </ion-row>
</div>
users: any[] = [
  {
    id: 1,
    first: 'Alice',
    last: 'Smith',
  },
  {
    id: 2,
    first: 'Bob',
    last: 'Davis',
  },
  {
    id: 3,
    first: 'Charlie',
    last: 'Rosenburg',
  }
];

最佳答案

我在这个 link 中找到了答案,你应该在根 app 模块中添加 Modal 组件:首先在你的 app.module 中导入 Modal 页面,

import {ModalPage} from "./home/modal.page"
然后在声明和 entryComponents 中声明它
declarations: [AppComponent,ModalPage],

entryComponents: [ModalPage],

关于javascript - *ngFor 在 Ionic Popover/Modal 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62807086/

相关文章:

angular - 如何在 MatDialog 中使用 scrollStrategy?

angular - 如何删除在ionic中peerjs没有定义parcelRequire

javascript - promise.all 无法访问拒绝功能

javascript - 错误类型错误 : Cannot read property 'value' of undefined in ionic when submitting login form

javascript - 如何计算 JavaScript 中字符串的长度(以像素为单位)?

javascript - 如何将以米为单位的半径转换为 ​​mapbox 传单中的像素?

javascript - 如何在 objective-c 中实现 back4app.com 上的 javascript 代码

angular - 如何在 angular cli 项目中包含来自 node_modules 的 Assets

validation - 如何手动将 Angular 表单字段设置为无效?

javascript - ASP.NET C# 后端,用户是从 JavaScript 确认框中按了确定还是取消?