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

Posted 2023-05-09

【中文标题】如何将我的 jQuery 代码转换为 AngularJS？

【英文标题】：How to convert my jQuery code to AngularJS?

【发布时间】：2018-12-13 21:59:05

【问题描述】：

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

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

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

【参考方案1】：

可以在指令中轻松访问 iframe 窗口。然后使用像querySelector()这样的dom方法

有点像

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