Javascript AngularJS：使用jQuery将事件监听器绑定到ng repeat生成的元素

我从AngularJS开始，我需要将“加载”和“错误”事件绑定到iFrame：

<ul  data-ng-controller="WebServicesCtrl">
    <li data-ng-repeat="webservice in webservices">
        <a href="{{webservice.wsdl}}">{{webservice.name}}</a>

        <iframe src="{{webservice.wsdl}}" class="hidden"></iframe>

    </li>
</ul>

我不能使用

。 我想知道jQuery表单。“纯AngularJS”案也受到欢迎。只是不要记得jQuery是不需要的。有时候，我们得到了巨大的遗产，事情不可能是美好的

我应该使用

$injector

或类似的东西吗？那份文件太年轻了，太伤人了。

---

感觉我很快就要学习源代码了。

您最好的选择是使用一个围绕这两个标记的指令

<a href="{{webservice.wsdl}}">{{webservice.name}}</a>

<iframe src="{{webservice.wsdl}}" class="hidden"></iframe>

---

有关

指令及其参数的更多信息，请参见：
您最好的选择是使用一个围绕这两个标记的指令

<a href="{{webservice.wsdl}}">{{webservice.name}}</a>

<iframe src="{{webservice.wsdl}}" class="hidden"></iframe>

更多关于
指令及其参数的信息，请点击此处：
非常感谢，@PraveenramBalachandar！我想这就行了。出于好奇，还有其他“普通”方式吗？我刚刚意识到，要解决这个问题，我需要痛苦的几天，因此了解相似性是明智的。angularJS中的一般原则是将控件包装成指令，这样您就可以更好地控制元素。尤其是在和你类似的情况下。此外，它使您能够在几乎任何控制器中使用它，而不仅仅限于此html结构。如果您想将事件绑定到angular渲染的元素，这是最好、最干净的方法，也是“常用”的方法：）非常感谢，@PraveenramBalachandar！我想这就行了。出于好奇，还有其他“普通”方式吗？我刚刚意识到，要解决这个问题，我需要痛苦的几天，因此了解相似性是明智的。angularJS中的一般原则是将控件包装成指令，这样您就可以更好地控制元素。尤其是在和你类似的情况下。此外，它使您能够在几乎任何控制器中使用它，而不仅仅限于此html结构。如果要将事件绑定到由angular渲染的元素，这是最好、最干净的方法，也是“常用”的方法：）
app.directive("aIframe", function () {
   return {
      template: '<div><a href="{{webservice.wsdl}}">{{webservice.name}}</a>' +
                '<iframe src="{{webservice.wsdl}}" class="hidden"></iframe></div>',
      restrict: 'A',
      scope: {
         webservice: '=webService'
      },
      link: function(scope, element, attrs) {
         $(element).find("iframe").on("load", function () {
         //some code
         });
         $(element).find("iframe").on("error", function () {
         //some code
         });
      }
   };
});

<ul  data-ng-controller="WebServicesCtrl">
    <li data-ng-repeat="webservice in webservices">
        <div a-iframe web-service="webservice"></div>
    </li>
</ul>