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; .. |
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; } } ); } |