Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过图像的最小高度设置列表中图像的高度?_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 如何通过图像的最小高度设置列表中图像的高度?

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'>

我目前正在研究angular js,我在设置图像的高度时遇到了一个问题,即通过分区中的最小高度来设置图像的高度。。。顺便说一句,我在李文中使用了ng repeat。这是我的代码:

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.name}

    {d.employeeNum}

  • ` } }) 例如,我想要的是:

    img1高度=200px。 img2高度=100px。 img3高度=90px。 img4高度=260px。 img5高度=120px

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

    img1高度=90px img2高度=90px img3高度=90px img4高度= 90px img5高度=90px

    我该怎么做? 另外,如何在angular js中选择元素,就像在jquery中选择元素一样?
    感谢您的回复。

    这将选择带有“我的图像”类的所有项目

    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”。到处