AngularJS指令用於更新IFrame的主體

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