用于更新 IFrame 主体的 AngularJS 指令

Question

我想绑定一个模型属性到iframe的主体。

如果使用jQuery，逻辑必须写成像

这样的形式

$('iframe').contents().find('body').html('<p>Hello</p>');

理想情况下，我希望AngularJS指令是…

<myframe body="model.safehtml"></myframe>

谁能给我指个正确的方向?

谢谢

Answer 1

你可以在Angular指令的link函数中修改DOM。

app.directive('myframe', function($compile) {
  return {
    restrict: 'E',
    scope: {
        body: '='
    },
    template: "<iframe></iframe>",
    link: function(scope, elm, attrs) {
        elm.find('iframe').contents().find('body').html(scope.body);
    }
  };
});