While loop not reading the current length of array object (angular 6)
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
0
im trying to splice array into parts and already achieve what i want but i added some filters to only add in the list array (lf) that has only (4) action status and the while loop cant read the length of array
Heres my code:
lf = ;
rows = ;
size = 4;
logframes$: any;
constructor(private logframe: LogicalframeworkService) {
}
ngOnInit() {
this.logframe.getLogicalFrameworks().subscribe(
data => this.setTitle(data)
);
}
setTitle(array) {
array.forEach(item => {
const card = {
'id': item.id,
'title': item.project.description
};
this.logframe.getAuditTrailStatusByLogFrame(item.id).subscribe(
(data: any) => {
if (data.logFrameActionStatusReferenceId === 4) {
this.lf.push(card);
console.dir(this.lf);
}
}
);
});
while (this.lf.length > 0) {
this.rows.push(this.lf.splice(0, this.size));
}
}
angular typescript asked Nov 27 '18 at 1:30
Kevin DanielKevin Daniel
266
add a comment |
0
im trying to splice array into parts and already achieve what i want but i added some filters to only add in the list array (lf) that has only (4) action status and the while loop cant read the length of array
Heres my code:
lf = ;
rows = ;
size = 4;
logframes$: any;
constructor(private logframe: LogicalframeworkService) {
}
ngOnInit() {
this.logframe.getLogicalFrameworks().subscribe(
data => this.setTitle(data)
);
}
setTitle(array) {
array.forEach(item => {
const card = {
'id': item.id,
'title': item.project.description
};
this.logframe.getAuditTrailStatusByLogFrame(item.id).subscribe(
(data: any) => {
if (data.logFrameActionStatusReferenceId === 4) {
this.lf.push(card);
console.dir(this.lf);
}
}
);
});
while (this.lf.length > 0) {
this.rows.push(this.lf.splice(0, this.size));
}
}
asked Nov 27 '18 at 1:30
Kevin DanielKevin Daniel
266
May be your logic is wrong
– Sajeetharan
Nov 27 '18 at 1:32
What the final output forconsole.dir(this.lf);
– Nick Wang
Nov 27 '18 at 2:31
add a comment |
0
0
0
im trying to splice array into parts and already achieve what i want but i added some filters to only add in the list array (lf) that has only (4) action status and the while loop cant read the length of array
Heres my code:
lf = ;
rows = ;
size = 4;
logframes$: any;
constructor(private logframe: LogicalframeworkService) {
}
ngOnInit() {
this.logframe.getLogicalFrameworks().subscribe(
data => this.setTitle(data)
);
}
setTitle(array) {
array.forEach(item => {
const card = {
'id': item.id,
'title': item.project.description
};
this.logframe.getAuditTrailStatusByLogFrame(item.id).subscribe(
(data: any) => {
if (data.logFrameActionStatusReferenceId === 4) {
this.lf.push(card);
console.dir(this.lf);
}
}
);
});
while (this.lf.length > 0) {
this.rows.push(this.lf.splice(0, this.size));
}
}
asked Nov 27 '18 at 1:30
Kevin DanielKevin Daniel
266
im trying to splice array into parts and already achieve what i want but i added some filters to only add in the list array (lf) that has only (4) action status and the while loop cant read the length of array
Heres my code:
lf = ;
rows = ;
size = 4;
logframes$: any;
constructor(private logframe: LogicalframeworkService) {
}
ngOnInit() {
this.logframe.getLogicalFrameworks().subscribe(
data => this.setTitle(data)
);
}
setTitle(array) {
array.forEach(item => {
const card = {
'id': item.id,
'title': item.project.description
};
this.logframe.getAuditTrailStatusByLogFrame(item.id).subscribe(
(data: any) => {
if (data.logFrameActionStatusReferenceId === 4) {
this.lf.push(card);
console.dir(this.lf);
}
}
);
});
while (this.lf.length > 0) {
this.rows.push(this.lf.splice(0, this.size));
}
}
asked Nov 27 '18 at 1:30
Kevin DanielKevin Daniel
266
asked Nov 27 '18 at 1:30
Kevin DanielKevin Daniel
266
asked Nov 27 '18 at 1:30
Kevin DanielKevin Daniel
266
asked Nov 27 '18 at 1:30
Kevin DanielKevin Daniel
266
asked Nov 27 '18 at 1:30
Kevin DanielKevin Daniel
266
266
May be your logic is wrong
– Sajeetharan
Nov 27 '18 at 1:32
What the final output forconsole.dir(this.lf);
– Nick Wang
Nov 27 '18 at 2:31
add a comment |
May be your logic is wrong
– Sajeetharan
Nov 27 '18 at 1:32
What the final output forconsole.dir(this.lf);
– Nick Wang
Nov 27 '18 at 2:31
May be your logic is wrong
– Sajeetharan
Nov 27 '18 at 1:32
May be your logic is wrong
– Sajeetharan
Nov 27 '18 at 1:32
What the final output for
console.dir(this.lf);– Nick Wang
Nov 27 '18 at 2:31
What the final output for
console.dir(this.lf);– Nick Wang
Nov 27 '18 at 2:31
add a comment |
1 Answer
1
active
oldest
votes
0
While loop code will get executed before the 'logframe' service returns data. Updated code. Also why you need while loop for length check. you can achieve it using if cond.
lf = ;
rows = ;
size = 4;
logframes$: any;
constructor(private logframe: LogicalframeworkService) {
}
ngOnInit() {
this.logframe.getLogicalFrameworks().subscribe(
data => this.setTitle(data)
);
}
setTitle(array) {
array.forEach(item => {
const card = {
'id': item.id,
'title': item.project.description
};
this.logframe.getAuditTrailStatusByLogFrame(item.id).subscribe(
(data: any) => {
if (data.logFrameActionStatusReferenceId === 4) {
this.lf.push(card);
console.dir(this.lf);
if (this.lf.length) {
this.rows.push(this.lf.splice(0, this.size));
}
}
}
);
});
}
answered Nov 27 '18 at 2:40
Suresh Kumar AriyaSuresh Kumar Ariya
4,9031217
i need lf array to complete first so that i can group it by 4 by using splice so that it is not hard for me to use row and col for bootstrap at template side of angular
– Kevin Daniel
Nov 27 '18 at 7:18
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53491504%2fwhile-loop-not-reading-the-current-length-of-array-object-angular-6%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
While loop code will get executed before the 'logframe' service returns data. Updated code. Also why you need while loop for length check. you can achieve it using if cond.
lf = ;
rows = ;
size = 4;
logframes$: any;
constructor(private logframe: LogicalframeworkService) {
}
ngOnInit() {
this.logframe.getLogicalFrameworks().subscribe(
data => this.setTitle(data)
);
}
setTitle(array) {
array.forEach(item => {
const card = {
'id': item.id,
'title': item.project.description
};
this.logframe.getAuditTrailStatusByLogFrame(item.id).subscribe(
(data: any) => {
if (data.logFrameActionStatusReferenceId === 4) {
this.lf.push(card);
console.dir(this.lf);
if (this.lf.length) {
this.rows.push(this.lf.splice(0, this.size));
}
}
}
);
});
}
answered Nov 27 '18 at 2:40
Suresh Kumar AriyaSuresh Kumar Ariya
4,9031217
i need lf array to complete first so that i can group it by 4 by using splice so that it is not hard for me to use row and col for bootstrap at template side of angular
– Kevin Daniel
Nov 27 '18 at 7:18
add a comment |
0
While loop code will get executed before the 'logframe' service returns data. Updated code. Also why you need while loop for length check. you can achieve it using if cond.
lf = ;
rows = ;
size = 4;
logframes$: any;
constructor(private logframe: LogicalframeworkService) {
}
ngOnInit() {
this.logframe.getLogicalFrameworks().subscribe(
data => this.setTitle(data)
);
}
setTitle(array) {
array.forEach(item => {
const card = {
'id': item.id,
'title': item.project.description
};
this.logframe.getAuditTrailStatusByLogFrame(item.id).subscribe(
(data: any) => {
if (data.logFrameActionStatusReferenceId === 4) {
this.lf.push(card);
console.dir(this.lf);
if (this.lf.length) {
this.rows.push(this.lf.splice(0, this.size));
}
}
}
);
});
}
answered Nov 27 '18 at 2:40
Suresh Kumar AriyaSuresh Kumar Ariya
4,9031217
i need lf array to complete first so that i can group it by 4 by using splice so that it is not hard for me to use row and col for bootstrap at template side of angular
– Kevin Daniel
Nov 27 '18 at 7:18
add a comment |
0
0
0
While loop code will get executed before the 'logframe' service returns data. Updated code. Also why you need while loop for length check. you can achieve it using if cond.
lf = ;
rows = ;
size = 4;
logframes$: any;
constructor(private logframe: LogicalframeworkService) {
}
ngOnInit() {
this.logframe.getLogicalFrameworks().subscribe(
data => this.setTitle(data)
);
}
setTitle(array) {
array.forEach(item => {
const card = {
'id': item.id,
'title': item.project.description
};
this.logframe.getAuditTrailStatusByLogFrame(item.id).subscribe(
(data: any) => {
if (data.logFrameActionStatusReferenceId === 4) {
this.lf.push(card);
console.dir(this.lf);
if (this.lf.length) {
this.rows.push(this.lf.splice(0, this.size));
}
}
}
);
});
}
answered Nov 27 '18 at 2:40
Suresh Kumar AriyaSuresh Kumar Ariya
4,9031217
While loop code will get executed before the 'logframe' service returns data. Updated code. Also why you need while loop for length check. you can achieve it using if cond.
lf = ;
rows = ;
size = 4;
logframes$: any;
constructor(private logframe: LogicalframeworkService) {
}
ngOnInit() {
this.logframe.getLogicalFrameworks().subscribe(
data => this.setTitle(data)
);
}
setTitle(array) {
array.forEach(item => {
const card = {
'id': item.id,
'title': item.project.description
};
this.logframe.getAuditTrailStatusByLogFrame(item.id).subscribe(
(data: any) => {
if (data.logFrameActionStatusReferenceId === 4) {
this.lf.push(card);
console.dir(this.lf);
if (this.lf.length) {
this.rows.push(this.lf.splice(0, this.size));
}
}
}
);
});
}
answered Nov 27 '18 at 2:40
Suresh Kumar AriyaSuresh Kumar Ariya
4,9031217
answered Nov 27 '18 at 2:40
Suresh Kumar AriyaSuresh Kumar Ariya
4,9031217
answered Nov 27 '18 at 2:40
Suresh Kumar AriyaSuresh Kumar Ariya
4,9031217
answered Nov 27 '18 at 2:40
Suresh Kumar AriyaSuresh Kumar Ariya
4,9031217
4,9031217
i need lf array to complete first so that i can group it by 4 by using splice so that it is not hard for me to use row and col for bootstrap at template side of angular
– Kevin Daniel
Nov 27 '18 at 7:18
add a comment |
i need lf array to complete first so that i can group it by 4 by using splice so that it is not hard for me to use row and col for bootstrap at template side of angular
– Kevin Daniel
Nov 27 '18 at 7:18
i need lf array to complete first so that i can group it by 4 by using splice so that it is not hard for me to use row and col for bootstrap at template side of angular
– Kevin Daniel
Nov 27 '18 at 7:18
i need lf array to complete first so that i can group it by 4 by using splice so that it is not hard for me to use row and col for bootstrap at template side of angular
– Kevin Daniel
Nov 27 '18 at 7:18
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53491504%2fwhile-loop-not-reading-the-current-length-of-array-object-angular-6%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
May be your logic is wrong
– Sajeetharan
Nov 27 '18 at 1:32
What the final output for
console.dir(this.lf);– Nick Wang
Nov 27 '18 at 2:31