Wie kann man eine Variable article=[object Object] im Browser als Daten-Werte ausgeben?
Date: 09.04.2021	Views: 2.731

Wie kann man eine Variable article=[object Object] im Browser als Daten-Werte ausgeben?

Beim Ausgeben von Enwickler-Werten in einer Angular App werden die Daten Werte als =[object Object] ausgegeben.

Wie kann man diese Werte in einem console.log als Werte darstellen?

Ein Observable mit einem Article Wert

article: ArticleModel;

..
..
..
console.log("article=" + this.article);

Ergibt:

article=[object Object]

Betrifft:

Javascript, Typescript / angular im Browser, Chrome, Observable

Lösung:

Mit JSON.stringify(this.article)); ()

Im javascript/typescript Code:

console.log("article=" + JSON.stringify(this.article));

Ausgabe im Browser

article={"idarticle":56,"iduserguid":"1428ca0b-186c-43c8-8ec6-08d26e97e83b","isowner":false,"title":"Über uns: wer sind wir ?","htmlcontent":"<div>async send_Data_to_Api() {</div><div>        //------< send_Data_to_Api() >------</div><div>        console.log(this.state);</div><div>        //< get text ></div><div>        let element = document.getElementById('ctleditor_html');</div><div>        let editor_innerhtml = element.innerHTML;</div><div>        let text_of_htmleditor = element.innerText;</div><div>        //</ get text ></div><div><br></div>","textcontent":null,"folder":"@/Über uns","keywords":"Keyword 56","imagepath":"/User_Files/Articles/Images/Image_144_0_pad.jpg","dtcreated":null,"dtedit":null,"sumviews":0,"sumlikes":0,"sumcomments":0}

Im Browser kann man die Daten in einem Breakpoint ebenfalls gut untersuchen, indem man mit dem Cursor über die Variable / Object / Array bewegt

Browser watch, Debug Ergibt bei this.article:

1. dtcreated: null

2. dtedit: null

3. folder: "@/Über uns"

4. htmlcontent: "<div>async send_Data_to_Api() {</div><div>        //------< send_Data_to_Api() >------</div><div>        console.log(this.state);</div><div>        //< get text ></div><div>        let element = document.getElementById('ctleditor_html');</div><div>        let editor_innerhtml = element.innerHTML;</div><div>        let text_of_htmleditor = element.innerText;</div><div>        //</ get text ></div><div><br></div>"

5. idarticle: 56

6. iduserguid: "1428ca0b-186c-43c8-8ec6-08d26e97e83b"

7. imagepath: "/User_Files/Articles/Images/Image_144_0_pad.jpg"

8. isowner: false

9. keywords: "Keyword 56"

10. sumcomments: 0

11. sumlikes: 0

12. sumviews: 0

13. textcontent: null

14. title: "Über uns: wer sind wir ?"

15. __proto__: Object

Laden eines User Wertes über Angular observable und anzeigen von Article

load_userID() {

this.dataService.get_UserIdGuid().subscribe(response => {

console.log("get_UserIdGuid()=" + response);

console.log("article=" + this.article);

this.iduserguid = response;

if(this.article.iduserguid==this.iduserguid){

this.isOwner=true;

}

else {

this.isOwner=false;

}

);

}