Javascript 如何通过图像的最小高度设置列表中图像的高度?
我目前正在研究angular js,我在设置图像的高度时遇到了一个问题,即通过分区中的最小高度来设置图像的高度。。。顺便说一句,我在李文中使用了ng repeat。这是我的代码:Javascript 如何通过图像的最小高度设置列表中图像的高度?,javascript,html,angularjs,Javascript,Html,Angularjs,我目前正在研究angular js,我在设置图像的高度时遇到了一个问题,即通过分区中的最小高度来设置图像的高度。。。顺便说一句,我在李文中使用了ng repeat。这是我的代码: app.directive("cardListStyle01",function(){ return { template: ` <li class='contentContainer02 card' ng-repeat='d in data'>
app.directive("cardListStyle01",function(){
return {
template: `
<li class='contentContainer02 card' ng-repeat='d in data'>
<div class='imageBlock'>
<div class='logo'><img src='/images/img0{{$index%5+1}}.jpg' alt=''></div>
<h3 class='cardTitle cWhite'>{{d.name}}</h3>
</div>
<div class='cardContentBlock'>
<p class='cardPar'>{{d.employeeNum}}</p>
</div>
</li>
`
}
})
应用程序指令(“cardListStyle01”,函数(){
返回{
模板:`
{d.employeeNum}
感谢您的回复。这将选择带有“我的图像”类的所有项目
var images = document.querySelectorAll('.my-image');
然后找到一个最小值:
var minHeight = images[0].offsetHeight;
images.forEach(function(item){
minHeight = Math.min(minHeight, item.offsetHeight)
})
然后只需将高度设置为所有元素:
images.forEach(function(item){
angular.element(item).css({
height: minHeight + 'px'
});
})
如果它不起作用,请在加载html后使用$timeout执行这些操作:
$timeout({
// all the code above
})
我应该把这个密码放在哪里?在控制器或指令中?在控制器中,通常我会尝试此选择器,但它不起作用。var images=angular.element(document.querySelector('.card img');我做错什么了吗?类名不应该包含空格。请将“.card img”更改为“.card img”。到处