Angular中Component未显示列表的Html
创始人
2024-10-31 01:00:49
0次
  1. 首先确保Component中的列表项已经正确地被绑定到相应的属性上。 例如，我们有一个组件中的列表数据： items = ['apple', 'banana', 'orange']; 对应的Html应该是：
    • {{item}}
  2. 确认组件在模板中已经正确地引入，并且选择器(selector)也定义正确。 例如，我们有一个组件中定义的selector为： @Component({ selector: 'my-list', ... }) 在父组件中引用该组件时，应该为：
  3. 检查是否有其他样式或者Javascript操作影响到了组件的显示。 例如，Bootstrap中的Bootstrap样式可能会影响到列表的显示。此时可以尝试暂时禁用Bootstrap样式来检查原因。

参考代码示例：

// 组件 @Component({ selector: 'my-list', template:

  • {{item}}
, }) export class MyListComponent { items = ['apple', 'banana', 'orange']; }

// 在模板中引入组件

上一篇：Angular中Component.ts中的node.name无法正常工作”

下一篇：Angular中从.netcoreIAction结果进行的HttpGet请求返回undefined对象

相关内容

热门资讯

此事引发广泛关注!德扑HHpo... 此事引发广泛关注!德扑HHpoker有挂吗(透视)桂林字牌辅助科技(都是存在有辅助工具)-哔哩哔哩桂...
今日!德普之星私人局辅助器(透... 今日!德普之星私人局辅助器(透视)荆州圣盛游戏辅助(确实存在有辅助辅助器)-哔哩哔哩德普之星私人局辅...
据公告内容!wepoker透视... 据公告内容!wepoker透视底牌脚本(透视)微信小程序边锋辅助(其实是真的辅助软件)-哔哩哔哩1、...
透视透视!wejoker辅助脚... 透视透视!wejoker辅助脚本(透视)决战十水三辅助(其实存在有辅助平台)-哔哩哔哩亲，关键说明，...
最新消息!pokemmo辅助器... 最新消息!pokemmo辅助器手机版下载(透视)湖北逍遥卡五星辅助(切实真的有辅助平台)-哔哩哔哩1...
透视玄学!wejoker免费脚... 透视玄学!wejoker免费脚本(透视)悠闲游戏辅助(本来是有辅助app)-哔哩哔哩1、悠闲游戏辅助...
据相关数据显示!wpk透视辅助... 据相关数据显示!wpk透视辅助(透视)开心十三张有没有挂(原来存在有辅助平台)-哔哩哔哩运开心十三张...
此事备受玩家关注!werpla... 此事备受玩家关注!werplan怎么作必弊(透视)微信小程序微乐破解器(一直有辅助下载)-哔哩哔哩1...
今年以来!wepoker私局代... 今年以来!wepoker私局代打(透视)潮汕汇app透视软件(一直是真的辅助工具)-哔哩哔哩1、实时...
今日!wpk作必弊是真的吗(透... 今日!wpk作必弊是真的吗(透视)随意玩有没有辅助(切实真的是有辅助修改器)-哔哩哔哩1、进入到随意...