logo
down
shadow

String displays fine in html but becomes undefined in console when using console.log


String displays fine in html but becomes undefined in console when using console.log

By : Gabingale
Date : September 17 2020, 06:00 PM
hope this fix your issue this.authService.getCurrentUser() is an asynchronous call, which means it takes some time and the next lines gets executed first. Therefore you are getting undefined in console.log()
To console the value, you may try like this:
code :
ngOnInit() {
    this.authService.getCurrentUser().subscribe(res => {
         this.user = res;
         console.log(this.user.email)
    }    
}


Share : facebook icon twitter icon
Console displays Uncaught TypeError: object is not a function, everything else works fine

Console displays Uncaught TypeError: object is not a function, everything else works fine


By : user2029501
Date : March 29 2020, 07:55 AM
will help you This is caused by the attempt to call null which is not a function. Instead of javascript:null() you can just use # or even leave the href off entirely.
.html returns undefined, but console.log correctly displays the element

.html returns undefined, but console.log correctly displays the element


By : R.k Shastri Ji
Date : March 29 2020, 07:55 AM
this one helps. e.target is a vanilla javascript DOM element, not a jquery object. To get its HTML, you need to use innerHTML:
code :
var clicked = (e.target).innerHTML;
var clicked = $(e.target).html();
string is undefined and executes in console (json to html)

string is undefined and executes in console (json to html)


By : Airton Sobral
Date : March 29 2020, 07:55 AM
To fix the issue you can do I have the below code for creating some simple JSON data, and iterating it over into my page's HTML. , One problem is here
code :
document.getElementsByClassName('change').innerHTML = string
document.getElementsByClassName('change')[0].innerHTML = string
window.addEventListener('load', function() {

    var json =[{
                "Name": "sample data",
                "Type": "lorem ip sum lorem sample",
                "DateModified": "6/14/2218 17:22:50",
                "Size": "2 KB",
            }, {
                "Name": "sample Q",
                "Type": "lorem ipsum",
                "DateModified": "5/11/2218 7:32:10",
                "Size": "6999 KB",
            }, {
                "Name": "sample x",
                "Type": "blah blah",
                "DateModified": "6/26/2218 10:29:59",
                "Size": "8999 KB",
            },
    ];

    var string ="";

    json.forEach( function(item) {
        string +='<div class="row"><div class="col-md-15 col-sm-1"><input type="checkbox" id="all" name="all" value="all"></div><div class="col-md-15 col-sm-4"><span class="folders">'+item.Name+'</span></div><div class="col-md-15 col-sm-3"><span class="directory">'+item.Type+'</span></div><div class="col-md-15 col-sm-3"><span class="date-stamp">'+item.DateModified+'</span></div><div class="col-md-15 col-sm-1"><span class="date-size">'+item.Size+'</span></div></div>';
    });
    
    document.querySelector('.change').innerHTML = string

});
<div class="change"></div>
var in ionic template undefined, but console.log displays it

var in ionic template undefined, but console.log displays it


By : user3097418
Date : March 29 2020, 07:55 AM
wish helps you The main problem is that you are trying to render data which are not loaded yet.
subscribe() is an asynchronous function, so you have to wait for the data from there. There are two ways to do it.
code :
getCurrentObj(): Observable<CORRECT_INTERFACE_HERE> {
    return this.http.get('xy.json', {responseType: 'text'});
}
{{ (getCurrentObj() | async)?.text }}
axios promise value returns undefined in Chrome console and a string in Firefox console

axios promise value returns undefined in Chrome console and a string in Firefox console


By : senad hecimovic
Date : March 29 2020, 07:55 AM
I hope this helps you . If I add axios to this page (here on SO), then run that code in Chrome's console, I see this in Chrome:
Related Posts Related Posts :
  • How to update all ionic cordova plugin at one command in Ionic-V4
  • How to give dynamics values for [routerLink] which it corresponds to values of an array?
  • Add and delete item from an array
  • How to unit test a button within an ngfor
  • How to launch a method after a cell value has been edited in ag-grid?
  • Can't select individual user accounts when creating a new Asp.Net Core 2.1 Angular project in Visual Studio 2019
  • How do I get the response code in angular 7
  • Angular PrimeNg: p-table not detected using @ViewChild
  • How to route within the tab component in ionic
  • How can i combine data from two API's into datasource
  • Find the last index from the array using ngFor
  • ngSelect always return undefined
  • Nested Forms in Angular Material Stepper trigger a ExpressionChangedAfterItHasBeenCheckedError
  • Angular library dependency exposure
  • Handling errors with RxJS and Angular async pipe
  • Kubernetes internal CORS issues between services
  • Ionic set marker on location or based on longitude and latitude
  • CAN NOT expand Angular Material table
  • Share a angular library across multiple projects
  • How to import pipe to 2 modules(AppModule and ChildModule)?
  • How to disable the drag option on Angular material Slide toggle component
  • Does Spartacus support Hybris on-premise?
  • Bind regular expression from json to typescript
  • How can i get the selected value in ion-alert radio alert
  • How to get all attributes of an object
  • Using angular elements inside the same angular project
  • RxJS assign observable and get data in one stream
  • Why I can not use anguar/material elements?
  • Getting Error when running 'ng test' Command
  • How can I make another request within catchError?
  • angular 7 input number validation
  • Dont show digits after decimal using angular pipe
  • How to use same component in normal way and with angular material dialog both?
  • How to integrate ReSharper with WebStorm
  • Google cloud application yaml for angular 7
  • How to perform concurrent HTTP requests on rows of a table
  • Angular 7 - deploy workspace applications (projects) in isolation
  • how to turn off differential loading in Angular v8?
  • How to add and update npm packages for a new Angular app in Visual Studio 2019
  • Angular 7, Ngrx, Rxjs 6 - Accessing state between lazy loaded modules
  • cannot find symbol import com.google.firebase.iid.FirebaseInstanceIdService error in ionic3
  • AWS CodePipeline, build failed and getting error
  • CORS problem with Angular and laravel even after setting the CORS header and server response
  • Angular, when the variable is mentioned in the url, the variable is not replaced with its value. Ex: ${username}
  • How to apply two ngIf on single html element with two different conditions
  • Ionic not importing ngx-mathjax module
  • How to display base64 image on iPhone in Ionic 4
  • ngFor in columns with diferents properties
  • How catch the http errors with map
  • How to format a Date field in Angular project
  • focusing ng-select filter input on drop down open
  • Angular 7 PDFJS Component
  • NestJs Errors stemming from @types dependencies in node_modules when running start:prod on fresh project
  • How to override ion-back-button action in ionic 4 with angular 7
  • How can I have an array in input form?
  • Angular 6 component test with a variable into HTML
  • Why is ES7/array polyfill needed despite the tsconfig target is set to ES5
  • How to deal with Google recaptcha backend validation response delay
  • Logging in using @angular/fire/auth results in 403 error on localhost
  • In Angular, with ViewChild/ ViewChildren, how do I get the child of a child?
  • shadow
    Privacy Policy - Terms - Contact Us © 35dp-dentalpractice.co.uk