Angular 2+中的小部件

Question

G'day：）

我正在为Bed＆amp; S建立一个网站早餐需要与渠道经理整合（处理预订和其他事情）。

频道管理器提供了一个小部件，但它是用jQuery编写的。这是文档的链接（不久）：

http://gadgets.securetravelpayments.com/_doc/

我可以在iframe中包含小部件，但这似乎是向后退一步，返回的主题不适合材质2.

这是一个链接，返回我客户的B＆amp; B的实际页面：

http://book.resonline.com.au/make-booking?ap=415569

根据要求包含了一些我到目前为止尝试过的代码（没什么可看的）：

<md-card>
    <iframe frameborder="0" (load)="onload($event)" 
        src="https://book.resonline.com.au/make-booking?ap=415569">
    </iframe>
</md-card>

export class BookingComponent {
    element: HTMLFrameElement;

    onload(event: Event) {
        this.element = <HTMLFrameElement> event.srcElement;
        this.element.height = 
        this.element.contentWindow.document.body.scrollHeight;
    }
}