p-dataTable of primeNG counldnt fetch value from an array of employess /Angular4
It didn't display data of
[value]="targetEmployeeonpopup" in html
when ts file like:
targetEmployeeonpopup: Employees=;
this.targetEmployeeonpopup.push({ uid: "aa",
firstName: "aa",
lastName: "aa",
supervisorInd: true});
It displays when ts is:
this.targetEmployeeonpopup=[{ uid: "aa",
firstName: "aa",
lastName: "aa",
supervisorInd: true}];
May I get feedback on any reason for the problem?
angular primeng angular4-forms
edited Nov 22 '18 at 2:24
dhilt
7,84242041
asked Nov 21 '18 at 21:56
mesfebmesfeb
82
add a comment |
It didn't display data of
[value]="targetEmployeeonpopup" in html
when ts file like:
targetEmployeeonpopup: Employees=;
this.targetEmployeeonpopup.push({ uid: "aa",
firstName: "aa",
lastName: "aa",
supervisorInd: true});
It displays when ts is:
this.targetEmployeeonpopup=[{ uid: "aa",
firstName: "aa",
lastName: "aa",
supervisorInd: true}];
May I get feedback on any reason for the problem?
angular primeng angular4-forms
edited Nov 22 '18 at 2:24
dhilt
7,84242041
asked Nov 21 '18 at 21:56
mesfebmesfeb
82
When are you doing the push? OnInit?
– Hugo Noro
Nov 21 '18 at 21:59
yes it is in oninit, when the table is loading
– mesfeb
Nov 21 '18 at 22:04
Please add code style to questions.
– E.Coms
Nov 21 '18 at 22:39
add a comment |
It didn't display data of
[value]="targetEmployeeonpopup" in html
when ts file like:
targetEmployeeonpopup: Employees=;
this.targetEmployeeonpopup.push({ uid: "aa",
firstName: "aa",
lastName: "aa",
supervisorInd: true});
It displays when ts is:
this.targetEmployeeonpopup=[{ uid: "aa",
firstName: "aa",
lastName: "aa",
supervisorInd: true}];
May I get feedback on any reason for the problem?
angular primeng angular4-forms
edited Nov 22 '18 at 2:24
dhilt
7,84242041
asked Nov 21 '18 at 21:56
mesfebmesfeb
82
It didn't display data of
[value]="targetEmployeeonpopup" in html
when ts file like:
targetEmployeeonpopup: Employees=;
this.targetEmployeeonpopup.push({ uid: "aa",
firstName: "aa",
lastName: "aa",
supervisorInd: true});
It displays when ts is:
this.targetEmployeeonpopup=[{ uid: "aa",
firstName: "aa",
lastName: "aa",
supervisorInd: true}];
May I get feedback on any reason for the problem?
angular primeng angular4-forms
angular primeng angular4-forms
edited Nov 22 '18 at 2:24
dhilt
7,84242041
asked Nov 21 '18 at 21:56
mesfebmesfeb
82
edited Nov 22 '18 at 2:24
dhilt
7,84242041
asked Nov 21 '18 at 21:56
mesfebmesfeb
82
edited Nov 22 '18 at 2:24
dhilt
7,84242041
edited Nov 22 '18 at 2:24
dhilt
7,84242041
edited Nov 22 '18 at 2:24
dhilt
7,84242041
7,84242041
asked Nov 21 '18 at 21:56
mesfebmesfeb
82
asked Nov 21 '18 at 21:56
mesfebmesfeb
82
asked Nov 21 '18 at 21:56
mesfebmesfeb
82
82
When are you doing the push? OnInit?
– Hugo Noro
Nov 21 '18 at 21:59
yes it is in oninit, when the table is loading
– mesfeb
Nov 21 '18 at 22:04
Please add code style to questions.
– E.Coms
Nov 21 '18 at 22:39
add a comment |
When are you doing the push? OnInit?
– Hugo Noro
Nov 21 '18 at 21:59
yes it is in oninit, when the table is loading
– mesfeb
Nov 21 '18 at 22:04
Please add code style to questions.
– E.Coms
Nov 21 '18 at 22:39
When are you doing the push? OnInit?
– Hugo Noro
Nov 21 '18 at 21:59
When are you doing the push? OnInit?
– Hugo Noro
Nov 21 '18 at 21:59
yes it is in oninit, when the table is loading
– mesfeb
Nov 21 '18 at 22:04
yes it is in oninit, when the table is loading
– mesfeb
Nov 21 '18 at 22:04
Please add code style to questions.
– E.Coms
Nov 21 '18 at 22:39
Please add code style to questions.
– E.Coms
Nov 21 '18 at 22:39
add a comment |
1 Answer
1
active
oldest
votes
I believe the problem you are facing is because of optimisation reasons on the table.
I believe the table is optimised to only work with detection strategy OnPush.
Meaning it won’t detect inner changes of objects (mutation). When you do a push you are mutating the object and not creating a new reference.
Try doing the same thing but using the spread operator instead.
Something like:
this.targetEmployeeonpopup = [...this.targetEmployeeonpopup,{ uid: "aa", firstName: "aa", lastName: "aa", supervisorInd: true}];
The spread operator will create a new object with the new elements. That will trigger Angular change detection on the table. Because it’s not mutating the original object.
answered Nov 21 '18 at 22:16
Hugo NoroHugo Noro
1,6001415
Thanks , this way it is working fine.
– mesfeb
Nov 21 '18 at 22:37
Glad to help. Did you understand the reason? :)
– Hugo Noro
Nov 22 '18 at 0:07
yes, it make sense and you write good description about it.
– mesfeb
Nov 23 '18 at 14:46
Good. Always happy to help.
– Hugo Noro
Nov 23 '18 at 14:47
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
});
}
});
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%2f53421018%2fp-datatable-of-primeng-counldnt-fetch-value-from-an-array-of-employess-angular4%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
I believe the problem you are facing is because of optimisation reasons on the table.
I believe the table is optimised to only work with detection strategy OnPush.
Meaning it won’t detect inner changes of objects (mutation). When you do a push you are mutating the object and not creating a new reference.
Try doing the same thing but using the spread operator instead.
Something like:
this.targetEmployeeonpopup = [...this.targetEmployeeonpopup,{ uid: "aa", firstName: "aa", lastName: "aa", supervisorInd: true}];
The spread operator will create a new object with the new elements. That will trigger Angular change detection on the table. Because it’s not mutating the original object.
answered Nov 21 '18 at 22:16
Hugo NoroHugo Noro
1,6001415
Thanks , this way it is working fine.
– mesfeb
Nov 21 '18 at 22:37
Glad to help. Did you understand the reason? :)
– Hugo Noro
Nov 22 '18 at 0:07
yes, it make sense and you write good description about it.
– mesfeb
Nov 23 '18 at 14:46
Good. Always happy to help.
– Hugo Noro
Nov 23 '18 at 14:47
add a comment |
I believe the problem you are facing is because of optimisation reasons on the table.
I believe the table is optimised to only work with detection strategy OnPush.
Meaning it won’t detect inner changes of objects (mutation). When you do a push you are mutating the object and not creating a new reference.
Try doing the same thing but using the spread operator instead.
Something like:
this.targetEmployeeonpopup = [...this.targetEmployeeonpopup,{ uid: "aa", firstName: "aa", lastName: "aa", supervisorInd: true}];
The spread operator will create a new object with the new elements. That will trigger Angular change detection on the table. Because it’s not mutating the original object.
answered Nov 21 '18 at 22:16
Hugo NoroHugo Noro
1,6001415
Thanks , this way it is working fine.
– mesfeb
Nov 21 '18 at 22:37
Glad to help. Did you understand the reason? :)
– Hugo Noro
Nov 22 '18 at 0:07
yes, it make sense and you write good description about it.
– mesfeb
Nov 23 '18 at 14:46
Good. Always happy to help.
– Hugo Noro
Nov 23 '18 at 14:47
add a comment |
I believe the problem you are facing is because of optimisation reasons on the table.
I believe the table is optimised to only work with detection strategy OnPush.
Meaning it won’t detect inner changes of objects (mutation). When you do a push you are mutating the object and not creating a new reference.
Try doing the same thing but using the spread operator instead.
Something like:
this.targetEmployeeonpopup = [...this.targetEmployeeonpopup,{ uid: "aa", firstName: "aa", lastName: "aa", supervisorInd: true}];
The spread operator will create a new object with the new elements. That will trigger Angular change detection on the table. Because it’s not mutating the original object.
answered Nov 21 '18 at 22:16
Hugo NoroHugo Noro
1,6001415
I believe the problem you are facing is because of optimisation reasons on the table.
I believe the table is optimised to only work with detection strategy OnPush.
Meaning it won’t detect inner changes of objects (mutation). When you do a push you are mutating the object and not creating a new reference.
Try doing the same thing but using the spread operator instead.
Something like:
this.targetEmployeeonpopup = [...this.targetEmployeeonpopup,{ uid: "aa", firstName: "aa", lastName: "aa", supervisorInd: true}];
The spread operator will create a new object with the new elements. That will trigger Angular change detection on the table. Because it’s not mutating the original object.
answered Nov 21 '18 at 22:16
Hugo NoroHugo Noro
1,6001415
answered Nov 21 '18 at 22:16
Hugo NoroHugo Noro
1,6001415
answered Nov 21 '18 at 22:16
Hugo NoroHugo Noro
1,6001415
answered Nov 21 '18 at 22:16
Hugo NoroHugo Noro
1,6001415
1,6001415
Thanks , this way it is working fine.
– mesfeb
Nov 21 '18 at 22:37
Glad to help. Did you understand the reason? :)
– Hugo Noro
Nov 22 '18 at 0:07
yes, it make sense and you write good description about it.
– mesfeb
Nov 23 '18 at 14:46
Good. Always happy to help.
– Hugo Noro
Nov 23 '18 at 14:47
add a comment |
Thanks , this way it is working fine.
– mesfeb
Nov 21 '18 at 22:37
Glad to help. Did you understand the reason? :)
– Hugo Noro
Nov 22 '18 at 0:07
yes, it make sense and you write good description about it.
– mesfeb
Nov 23 '18 at 14:46
Good. Always happy to help.
– Hugo Noro
Nov 23 '18 at 14:47
Thanks , this way it is working fine.
– mesfeb
Nov 21 '18 at 22:37
Thanks , this way it is working fine.
– mesfeb
Nov 21 '18 at 22:37
Glad to help. Did you understand the reason? :)
– Hugo Noro
Nov 22 '18 at 0:07
Glad to help. Did you understand the reason? :)
– Hugo Noro
Nov 22 '18 at 0:07
yes, it make sense and you write good description about it.
– mesfeb
Nov 23 '18 at 14:46
yes, it make sense and you write good description about it.
– mesfeb
Nov 23 '18 at 14:46
Good. Always happy to help.
– Hugo Noro
Nov 23 '18 at 14:47
Good. Always happy to help.
– Hugo Noro
Nov 23 '18 at 14:47
add a comment |
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.
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%2f53421018%2fp-datatable-of-primeng-counldnt-fetch-value-from-an-array-of-employess-angular4%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
When are you doing the push? OnInit?
– Hugo Noro
Nov 21 '18 at 21:59
yes it is in oninit, when the table is loading
– mesfeb
Nov 21 '18 at 22:04
Please add code style to questions.
– E.Coms
Nov 21 '18 at 22:39