Angular 组件未显示在可展开列表上

Angular 组件未显示在可展开列表上,angular,ionic-framework,ionic2,ionic3,Angular,Ionic Framework,Ionic2,Ionic3,我在爱奥尼亚应用程序上创建了一个可扩展的列表,只需将账户页面分成几个部分即可。列表工作正常,但离子列表中不会显示任何离子成分,只有纯文本 请参阅下面的代码。我想为条带添加一个复选框,但它不显示 你知道怎么解决这个问题吗?非常感谢 {{item.name} 细节 地址 条纹连接 连接条 部门 最后我放弃了,选择了有棱角的材料。它是ionic v3,因此您需要以下依赖项: "@angular/cdk": "^5.0.1", "@angular/material": "^5.0.1", 在组件T

我在爱奥尼亚应用程序上创建了一个可扩展的列表,只需将账户页面分成几个部分即可。列表工作正常,但离子列表中不会显示任何离子成分,只有纯文本

请参阅下面的代码。我想为条带添加一个复选框,但它不显示

你知道怎么解决这个问题吗?非常感谢


{{item.name}
细节
地址
条纹连接
连接条
部门

最后我放弃了,选择了有棱角的材料。它是ionic v3,因此您需要以下依赖项:

"@angular/cdk": "^5.0.1",
"@angular/material": "^5.0.1",
在组件TS文件中:

从'@angular/material/card'导入{matcardmodel};
从“@angular/material/button”导入{MatButtonModule};
构造函数(公共navCtrl:NavController,
公共导航参数:导航参数,
公共视图(Ctrl:ViewController){
此项。项目=[
{
名称:“详情”,
是的
},
{
姓名:“地址”,
扩展:false
},
{
名称:“付款”,
扩展:false
},
{
名称:“部门”,
扩展:false
}
];
}

{{item.name}
细节
地址
条纹连接
连接条
部门

这一行很可能是你的罪魁祸首:
*ngIf=“item.name==”付款“
。虽然看起来不错,但可能
项目.name
并不完全是
付款
?如果是的话,你的一个div应该出现(“Stripe Connected”或“Connect Stripe”),但是从屏幕截图上看,它们不是。@BizzyBob,谢谢你的关注。我最终选择了有棱角的材料。花几个小时试着让ionc列表卡工作,但没有乐趣!