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);
    }
  };
});

AngularJS指令用于更新IFrame的主体

1 个答案: