对象 HTMLDivElement 在将 html 代码传递给 php - Angular 时出现

Question

简要说明：我们在变量中有html代码。我们想使用 php 传递该代码并将其保存在 mysql.

中

home.ts 边码：

this.divCodesub = document.getElementById(this.selectedDivCodesub);
console.log (this.divCodesub);

console.log中的数据为：

<div id="0"><div id="change_color" class="heading-back context_menu"><div class="row"><div contenteditable="true" class="col-md-12 heading-sec context_menu">Hi there, Im <span contenteditable="true" class="head-clr">STACK</span></div><div contenteditable="true" class="col-md-12 heading-sec context_menu">Smart, simple and responsive.</div></div></div></div>

现在当我们尝试使用 php 发送时，它没有保存。保存时，它将 html 代码转换为 divCode: [object HTMLDivElement]，此消息在网络中可见。

怎么才能通过呢？

编辑：1 我们如何将变量发送到 php，请参见下面的代码 -

home.ts代码：

让参数 =

    'divI='+this.list[this.selectedDivCodesub].div_id+'&divCode='+this.divCodesub;
            this._updateSection.callService(api,params).subscribe(data=>{
 ...
});

service.ts代码：

 callService(api,params){
        var headers = new Headers();
        headers.append('Content-Type', 'application/x-www-form-urlencoded');
        return this._http.post(this._url+api,params+"&"+this.randomno,{headers:headers})
               .map((response:Response) => response.json());
    }

Answer 1

使用 HTMLElement 的 outerHTML 属性将其转换为字符串。

(打开你的控制台看看确实是一个字符串)

const div = document.querySelector('div');
console.log(typeof div);
console.log(div.toString());
console.log(typeof div.outerHTML);
console.log(div.outerHTML);

<div class="container">
  LOOK AT ME I'M A DIV
</div>

对象 HTMLDivElement 在将 html 代码传递给 php - Angular 时出现

object HTMLDivElement coming while passing html code to php - Angular

ionic-framework

ionic2

ionic3

angular