关于javascript：如何通过角度js中图像的最小高度设置列表中图像的高度？


How to set the height of the images in the list by the smallest height of image in angular js?

我目前正在研究角度JS，我有一个问题，设置高度的图像最小高度的分区…顺便说一下，我用的是李连珠。这是我的代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
app.directive("cardListStyle01",function(){
    return {
        template: `
            <li class='contentContainer02 card' ng-repeat='d in data'>
               
                    <img src='/images/img0{{$index%5+1}}.jpg' alt=''>
                    <h3 class='cardTitle cWhite'>{{d.name}}
               
               
                    <p class='cardPar'>{{d.employeeNum}}
</p>
               
           
</li>

        `
    }
})

我想要的是例如：

img1 height = 200px.
img2 height = 100px.
img3 height = 90px.
img4 height = 260px.
img5 height = 120px.

运行代码后，img高度将变为90

img1 height = 90px img2 height = 90px img3 height = 90px img4 height =
90px img5 height = 90px

我该怎么做？另外，如何在角度JS中选择元素，比如在jquery中选择元素？谢谢你的回复。

这将选择类为".my image"的所有项。

1
var images = document.querySelectorAll('.my-image');

然后求一个最小值：

1
2
3
4
var minHeight = images[0].offsetHeight;
images.forEach(function(item){
    minHeight = Math.min(minHeight, item.offsetHeight)
})

然后将高度设置为所有元素：

1
2
3
4
5
images.forEach(function(item){
    angular.element(item).css({
        height: minHeight + 'px'
    });
})

如果它不工作，请在加载HTML后使用$timeout执行这些操作：

1
2
3
$timeout({
    // all the code above
})
相关讨论