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

【问题标题】：How to convert my jQuery code to AngularJS?如何将我的 jQuery 代码转换为 AngularJS？
【发布时间】：2018-12-13 21:59:05
【问题描述】：

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

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

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

【问题讨论】：

标签： jquery angularjs 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

【讨论】：