Question

我正在尝试将CSS文件注入需要更改样式的第三方iframe。我已经调查了已经问过的问题：53295194，51249599，52859158和51496114。现在，我正在使用上次响应中的代码，如下所示：

app.component.html

<iframe #myIframe src="https://external-source.com" style="width:100%; height:100%;" scrolling="no" frameborder="0"></iframe>

app.component.ts

import { Component, HostListener, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
export class AppComponent implements AfterViewInit {

  @ViewChild('myIframe') public myIframe;
  ngAfterViewInit() {
    const iframDoc = this.myIframe.nativeElement.contentWindow.document;
    console.log("myIframe:", iframDoc);
    iframDoc.head.appendChild('iframe_style.css');
  }
***

我遇到以下错误：

错误错误：“ TypeError：Node.appendChild的参数1不是对象。”

Console error

此外，我想使用.sass文件代替css，但是我不确定如何从 app.component.ts 引用文件。可以吗？

iframDoc.head.appendChild('assets/css/Sections/iframe_style.css');

我的设置：

Angular CLI：7.0.7节点：10.13.0 OS：linux x64 Angular：7.0.4

角度-将自定义CSS文件注入到外部iframe

0 个答案: