angularjs - Why/how do the elements of this array change between the console.log calls? -


i have anuglarjs controller calls api via service return data. ths issue sometimes, data not being updated in directive uses data returned.

however, digging resulted in observing strange behavior. added several console logs debug happening, , discovered number of items in property on array changing 1 console call next.

the controller code follows:

 init(){       this.ftservice.getsitepromise(true).then((result: ng.ihttppromisecallbackarg<site>) => {       let ctrl = this;       ctrl.isloadingitems = true;       ctrl.hidesplash = true;       ctrl.siteready = true;       ctrl.cursite = result.data;       ctrl.cursite.items = [];       console.log("end of header site call");       ctrl.$timeout(function () {          console.log(ctrl.cursite.items);          console.log("start site items first call")          ctrl.ftservice.getsitepromise(false).then((result: ng.ihttppromisecallbackarg<site>) => {             console.log("return first call result.data.items: " + result.data.items.length);             ctrl.cursite.items = result.data.items;             ctrl.isloadingitems = false;             console.log("return first call ctrl.cursite.items: " + ctrl.cursite.items.length);             console.log(ctrl);             console.log(ctrl.cursite);             console.log(ctrl.cursite.items);          });       }, 200);       }); }

the console code executing, when data isn't being shown expected follows:

enter image description here

any insight how occurring, and/or how might correct it, appreciated.

edit: didn't read comments before posting. didn't see problem solved. may else in future??

why/how elements of array change between console.log calls?

objects can change in console.log calls because deeper nested properties accessed lazily meaning console grab them when click little arrow expand object or if shallow property.

you can change behavior cloning object using object.assign though may need clone object (which object.assign({}, myobj) not.

the stackoverflow snippet console won't show correct results. open chrome dev tools see real result.

// open developer tools console    let myobj = {    shallowprop: 'some value',    arr: ['initial value']  };    // notice when logs, seems change myobj happens before log not  console.log(    'myobj initial log',    myobj  );    // using `object.assign` clones object when expanded in console, value initial value  console.log(    'myobj initial log object.assign',    object.assign({}, myobj)  );    // when value changed  myobj.arr = ['new value'];    // final state  console.log('myobj after change', myobj);

conclusion: try cloning object before logging console.


Comments

Post a Comment

Popular posts from this blog

c# - Update a combobox from a presenter (MVP) -

i using mvp in project, new in mvp. have 2 comboboxes. when select option in combobox, combobox should filled new data. this action in presenter. view 'view1' in presenter, , introduced combobox1 , combobox2 properties in 'view1', because need 'datasource', 'displaymember', 'valuemember' , 'refresh()' in method below. but, when using pattern, enough send property like public string combobox2 { { return combobox1.selectedvalue.tosstring(); } } into presenter not whole combobox. how can solve problem? public void onselectedindexchangedcombobox1() { if (view1.combobox1.selectedindex == -1) { return; } datatable dt = tools.getdatatable("a path"); var query = (from o in dt.asenumerable() o.field<string>("afield") == farmerview.combobox1.selectedvalue.tostring() orderby o.field<string>("anotherfield") select...
Read more

How to understand 2 main() functions after using uftrace to profile the C++ program? -

i trying uftrace profile following simple c++ program: #include <iostream> class { public: a() {std::cout << "a created" << std::endl;} ~a() {std::cout << "a destroyed" << std::endl;} }; int main() { a; return 0; } the profile result this: # uftrace a.out created destroyed # duration tid function 2.026 [ 4828] | __cxa_atexit(); [ 4828] | main() { [ 4828] | __static_initialization_and_destruction_0() { 89.397 [ 4828] | std::ios_base::init::init(); 0.768 [ 4828] | __cxa_atexit(); 93.029 [ 4828] | } /* __static_initialization_and_destruction_0 */ 94.425 [ 4828] | } /* main */ [ 4828] | main() { [ 4828] | a::a() { 11.104 [ 4828] | std::operator <<(); 10.825 [ 4828] | std::basic_ostream::operator <<(); 24.514 [ 4828] | } /* a::a */ [ 4828] | a::~a() { 0.978 [ 4828] | ...
Read more

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -

i trying put lock on table while writing on table , if happened in between roll-back . trying convert below code lock table test_g1 read; lock table test_g write; -- begin; start transaction; insert test_g1 values(143); insert test_g values(145); select * test_g1; select * test_g; rollback; select * test_g; unlock tables; how convert above code @transactional spring jdbctemplate code? @transactional(rollbackfor={dataaccessexception.class}) public void test(){ jdbctemplate.execute("insert test1 (id, nam) values (4, 'a')"); throw new dataaccessexception("error") { }; } here trying throw error, insert statement should rollback it's not happening . thanks edit-1 attaching code , doing in jdbcdaoimpl.java , mentioned problem comment above test() . app.java package com.cgiri.javabrains.spring4; import org.springframework.beans.factory.annotation.autowired; import org.springframework.context.applic...
Read more