Angular嵌套ngFor,从父循环获取值?
创始人
2024-10-29 03:00:41
0

在Angular中,可以通过使用嵌套的ngFor循环来访问父循环的值。以下是一个简单的代码示例:

父组件的HTML模板:

{{ parentItem.name }}

{{ childItem }}

父组件的TypeScript代码:

export class ParentComponent {
  parentArray = [
    { name: 'Parent 1', children: ['Child 1', 'Child 2'] },
    { name: 'Parent 2', children: ['Child 3', 'Child 4'] }
  ];

  getParentValue(parentItem: any) {
    console.log(parentItem.name);
  }
}

在上面的代码中,我们有一个父组件ParentComponent,其中包含一个名为parentArray的数组。在父组件的HTML模板中,我们使用两个嵌套的ngFor循环来迭代父数组和子数组。在子数组的每个项目中,我们还通过{{ parentItem.name }}显示父数组的值,并在每个子项后面添加了一个按钮,当按钮被点击时,调用getParentValue()方法。这个方法接收父数组的当前项目作为参数,并在控制台上打印出父数组的名字。

这样,当点击子项的按钮时,我们可以访问父循环的值。

相关内容

热门资讯

黑科技好友房!wepokeai... 黑科技好友房!wepokeai辅助(透明挂)从来存在有挂(有挂识别)-哔哩哔哩1、不需要AI权限,帮...
黑科技智能ai!wopoker... 黑科技智能ai!wopoker辅助(智能ai)先前是真的有挂(有挂胜率)-哔哩哔哩;人气非常高,ai...
黑科技脚本!wpk输赢机制(黑... 黑科技脚本!wpk输赢机制(黑科技ai)起初是有挂(有挂靠谱)-哔哩哔哩;科技安装教程;136704...
黑科技透明挂!wepkoe黑科... 您好,wepkoe黑科技设备这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多...
黑科技存在!云扑克辅助器(ai... 黑科技存在!云扑克辅助器(ai辅助)总是真的是有挂(有挂猫腻)-哔哩哔哩,支持语音通讯、好友开房及战...
黑科技有挂!hm3德州辅助怎么... 黑科技有挂!hm3德州辅助怎么购买(黑科技ai)原生存在有挂(有挂玄学)-哔哩哔哩是一款可以让一直输...
黑科技了解!手机云扑克辅助(黑... 黑科技了解!手机云扑克辅助(黑科技)都是真的是有挂(有挂长期)-哔哩哔哩;小薇(透视辅助)致您一封信...
黑科技透明挂!wpk外挂是真的... 黑科技透明挂!wpk外挂是真的还是假的(辅助挂)先前真的有挂(有挂机器人)-哔哩哔哩是一款可以让一直...
黑科技透明挂!wpk有机器人吗... 黑科技透明挂!wpk有机器人吗(ai辅助)往昔是有挂(有挂智能)-哔哩哔哩;小薇(透视辅助)致您一封...
黑科技神器!好运大菠萝有没有挂... 黑科技神器!好运大菠萝有没有挂的(黑科技)确实有挂(有挂模拟器)-哔哩哔哩;科技安装教程;13670...