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

Question

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

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

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

标签： jqueryangularjsiframe

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