如何将我的jQuery代码转换为AngularJS？

Question

这是我的jQuery代码，因此如何将jQuery代码转换为AngularJS。

$('#iframe').contents().find('#tb2').val('test');

我想在iframe文本框中填充值。

Answer 1

可以在指令中轻松访问iframe窗口。然后使用dom方法，例如querySelector()

类似

angular.module('myApp').directive('frameDirective', function(){
  return {
    link:function(scope,elem){
       var frameDoc = elem[0].contentWindow.document;
      scope.$on('update-frame', function(e, val){
        frameDoc.querySelector('#tb2').value = val;
      });

    }
  }
})

DEMO