Javascript 如何使用ng repeat全屏查看图像？

我期待这样的东西，但在使用

ng repeat

angular.module（'selectExample'，[]）
.controller（'ExampleController'，['$scope'，function$scope）{
$scope.register={
注册数据：{
分支机构：{}，
},
姓名：[{
名称：“纳库瓦”，
图片：[
"https://picsum.photos/200",
"https://picsum.photos/200/300/"]
}],
};
}]);
img{
宽度：70px；
}

{{person.name}
请在下面的代码中运行。
我希望它能解决你的问题


angular.module（'selectExample'，[]）
.controller（'ExampleController'，['$scope'，function$scope）{
$scope.register={
注册数据：{
分支机构：{}，
},
姓名：[{
名称：“纳库瓦”，
图片：[{
“图像”：“https://picsum.photos/200",
“flag”：false
}, {
“图像”：“https://picsum.photos/200/300/",
“flag”：false
}]
}],
};
$scope.getBig=函数（键、值）{
$scope.register.names[0]。图像[key]。标志=true；
}
$scope.close=函数（键、值）{
$scope.register.names[0]。图像[key]。标志=false；
}
}]);
.imgSmall{
宽度：70px；
}
/*模态（背景）*/
.莫代尔{
/*默认情况下隐藏*/
位置：固定；
/*原地不动*/
z指数：1；
/*坐在上面*/
填充顶部：100px；
/*盒子的位置*/
左：0；
排名：0；
宽度：100%；
/*全宽*/
身高：100%；
/*全高*/
溢出：自动；
/*如果需要，启用滚动*/
背景色：rgb（0,0,0）；
/*退色*/
背景颜色：浅蓝色；
}
/*模态内容（图像）*/
.模态内容{
保证金：自动；
显示：块；
宽度：80%；
最大宽度：700px；
}
/*模态图像字幕*/
#标题{
保证金：自动；
显示：块；
宽度：80%；
最大宽度：700px；
文本对齐：居中；
颜色：#ccc；
填充：10px0；
高度：150像素；
}
/*添加动画*/
.模态内容，
#标题{
-webkit动画名称：缩放；
-webkit动画持续时间：0.6s；
动画名称：缩放；
动画持续时间：0.6s；
}
@-webkit关键帧缩放{
从{
-webkit变换：缩放（0）
}
到{
-webkit转换：缩放（1）
}
}
@关键帧缩放{
从{
变换：缩放（0）
}
到{
变换：缩放（1）
}
}
/*关闭按钮*/
.结束{
位置：绝对位置；
顶部：15px；
右：35px；
颜色：#f1f1；
字体大小：40px；
字体大小：粗体；
过渡：0.3s；
光标：指针；
}

{{person.name}
&时代；
如果您想在模式对话框中显示图像，则需要使用代码。ng repeat仅用于重复项目。寻求调试帮助的问题（“为什么此代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：。