角度。在div中查找所有图像

我正在试图在div中查找所有img标签。这些img标签是位于div中的p标签。我做出了一个决定，看看我能否实现目标，但目前还没有喜悦。如果任何人都可以看一看，并指出我会朝着正确的方向发展，那将会很棒。角度。在div中查找所有图像

的index.html：

<!DOCTYPE html> 
<html ng-app="plunker"> 

<head> 
<meta charset="utf-8" /> 
<title>AngularJS Plunker</title> 
<script>document.write('<base href="' + document.location + '" />');</script> 
<link rel="stylesheet" href="style.css" /> 
<script data-require="[email protected]" src="https://code.angularjs.org/1.3.20/angular.js" data-semver="1.3.20"></script> 
<script src="app.js"></script> 
</head> 

<body> 

<div > 
    <p image-append> 
     <p > 
     <img src="https://www.petfinder.com/wp-content/uploads/2012/11/140272627-grooming-needs-senior-cat-632x475.jpg" /> 
     </p> 
    <p> 
     <img src="http://www.vetprofessionals.com/catprofessional/images/home-cat.jpg" /> 
    </p> 
    </p> 

</div>

app.js：

var app = angular.module('plunker', []); 

app.directive('imageAppend', imageAppend); 
/*@ngInject*/ 
function imageAppend() { 
    return { 
     restrict: 'A', 
     link:function(scope,element,attrs){ 
      console.log("elemnts are ===== ", element.find('img')) 
     } 
    }; 
}

plunkr：http://plnkr.co/edit/W1PWVgtysZ4cOwaIpmbc?p=preview

来源

2016-01-20 BobDoleForPresident

您是否尝试过：'VAR图像= $（ '＃DIV妥协退让这个-DIV-AN-ID IMG'）;'？ – Matt

有一些HTML，然后解析它不是角度的方法。如果你对这个模板有控制权，你应该为img标签添加指令。 –

@PetrAveryanov我没有能力直接附加到图像。 html会返回给我，并且图像并不总是存在。 – BobDoleForPresident

能否请您试试这个代码：

var app = angular.module('plunker', []); 

app.directive('img', imageAppend); 

function imageAppend() { 
      return { 
       restrict: 'E', 
       link: function (scope, element, attrs) { 
        console.log("elemnts are ===== ", element) 
       } 
      }; 
     }

来源

2016-01-20 11:40:41

不工作。抱歉。 – BobDoleForPresident

我已经更新了上面的代码。你可以请现在尝试。 –

角度。在div中查找所有图像

回答

相关问题