第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

將 HTML 附加到 iframe

將 HTML 附加到 iframe

aluckdog 2022-12-02 16:39:40
我想將 HTML 元素添加到 iframe,但每次檢查源代碼時(shí),都沒有添加任何內(nèi)容。我的代碼如下:HTML<div class="canvas-wrapper">  <iframe class="canvas" #canvas></iframe></div>打字稿import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';@Component({  selector: 'app-canvas',  templateUrl: './canvas.component.html',  styleUrls: ['./canvas.component.scss'],})export class CanvasComponent implements OnInit {  @ViewChild('canvas') canvas: ElementRef;  ngOnInit(): void {    this.addHtml();  }  addHtml(): void {    const canvas = this.canvas.nativeElement.contentDocument;    canvas.appendChild('<h1>TEST CONTENT</h1>');  }}
查看完整描述

1 回答

?
慕哥6287543

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超10個(gè)贊

你應(yīng)該使用另一個(gè)鉤子:ngAfterViewInit


import { Component, ElementRef, ViewChild, AfterViewInit } from '@angular/core';


@Component({

  selector: 'app-canvas',

  templateUrl: './app.component.html',

})

export class CanvasComponent implements AfterViewInit {

  @ViewChild('canvas') canvas: ElementRef<HTMLFrameElement>;

  

  ngAfterViewInit(): void {

    this.addHtml();

  }


  addHtml(): void {

    const canvas = this.canvas.nativeElement.contentWindow.document.body;

    const el = document.createElement('h1');

    el.innerHTML = `Hello world`;


    canvas.appendChild(el);

  }

}


export default CanvasComponent;

你也可以使用


@ViewChild('canvas', {static: true}) canvas: ElementRef<HTMLFrameElement>;

并訪問它


ngOnInit(){

    this.addHtml();

  }


查看完整回答
反對 回復(fù) 2022-12-02
  • 1 回答
  • 0 關(guān)注
  • 195 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號