Javascript 使用img ng src显示图像数组不工作
我读过一些关于在显示图像数组时使用ngsrc的解决方案,但它似乎不起作用。数组中只有1项接受显示。有什么解决办法吗?我也尝试了Javascript 使用img ng src显示图像数组不工作,javascript,angularjs,mean-stack,Javascript,Angularjs,Mean Stack,我读过一些关于在显示图像数组时使用ngsrc的解决方案,但它似乎不起作用。数组中只有1项接受显示。有什么解决办法吗?我也尝试了img[src],但没有一个是有效的 以下是我尝试的内容 angular.module('selectExample',[]) .controller('ExampleController',['$scope',function$scope){ $scope.register={ 注册数据:{ 分支机构:{}, }, 姓名:[{ 名称:“纳库瓦”, 图片:[ "http
img[src]
,但没有一个是有效的
以下是我尝试的内容
angular.module('selectExample',[])
.controller('ExampleController',['$scope',function$scope){
$scope.register={
注册数据:{
分支机构:{},
},
姓名:[{
名称:“纳库瓦”,
图片:[
"https://picsum.photos/200",
"https://picsum.photos/200/300/?random"]
},
{
名称:“天鹅绒”,
图片:[
"https://picsum.photos/200"]
}],
};
}]);代码>
img{
宽度:70px;
}
名称
形象
{{person.name}
您当前没有在不同的图像上循环
试着用这个替换你的ng repeat,看看这是否是你想要的效果
<tr ng-repeat="person in register.names track by $index">
<td align="center">{{ person.name }}</td>
<td align="center">
<img ng-repeat="image in person.image" ng-src="{{image}}" />
</td>
</tr>
{{person.name}
您当前没有在不同的图像上循环
试着用这个替换你的ng repeat,看看这是否是你想要的效果
<tr ng-repeat="person in register.names track by $index">
<td align="center">{{ person.name }}</td>
<td align="center">
<img ng-repeat="image in person.image" ng-src="{{image}}" />
</td>
</tr>
{{person.name}