用于更新 IFrame 正文的 AngularJS 指令

Question

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

使用 jQuery，逻辑必须写成类似

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

理想情况下，我希望 AngularJS 指令类似于..

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

谁能指出我正确的方向？

谢谢

Answer 1

您可以在 Angular directive 的 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);
    }
  };
});