Angular binding to form not show all binded values with ngModel
I am writing an angular page which is binding a object with alot of fields to a form with many input text field. It is strange but only the first two fields are binding with values while the rest of the fields are empty. I swap the 2nd and 3rd input fields and the 3rd input field value shows up in the 2nd row spot. The 2nd input field which has been moved to the third row is blank. I looked at the HTML code but I am not sure why? I am learning angular and not sure why not all the input fields should show values. I only show 3 input fields but in my code I have more than 10 input rows but only the first 2 are showing the binded values. Any help is appreciated.
Update: I figured it out. With refreshed eyes, I noticed the error
In my HTML, I was setting dual binding and all my #name="ngModel". I had this for all my input fields. The #name needed to be unique.
html angular binding
asked Nov 17 '18 at 19:51
c0micragec0micrage
418
add a comment |
I am writing an angular page which is binding a object with alot of fields to a form with many input text field. It is strange but only the first two fields are binding with values while the rest of the fields are empty. I swap the 2nd and 3rd input fields and the 3rd input field value shows up in the 2nd row spot. The 2nd input field which has been moved to the third row is blank. I looked at the HTML code but I am not sure why? I am learning angular and not sure why not all the input fields should show values. I only show 3 input fields but in my code I have more than 10 input rows but only the first 2 are showing the binded values. Any help is appreciated.
Update: I figured it out. With refreshed eyes, I noticed the error
In my HTML, I was setting dual binding and all my #name="ngModel". I had this for all my input fields. The #name needed to be unique.
html angular binding
asked Nov 17 '18 at 19:51
c0micragec0micrage
418
Please add the complete company structure. Also since you have the data model in hand, it would be better for you to use a Reactive Form instead of a Template Driven form. It would be less cluttery as compared to how it is right now in your template.
– SiddAjmera
Nov 17 '18 at 20:29
add a comment |
I am writing an angular page which is binding a object with alot of fields to a form with many input text field. It is strange but only the first two fields are binding with values while the rest of the fields are empty. I swap the 2nd and 3rd input fields and the 3rd input field value shows up in the 2nd row spot. The 2nd input field which has been moved to the third row is blank. I looked at the HTML code but I am not sure why? I am learning angular and not sure why not all the input fields should show values. I only show 3 input fields but in my code I have more than 10 input rows but only the first 2 are showing the binded values. Any help is appreciated.
Update: I figured it out. With refreshed eyes, I noticed the error
In my HTML, I was setting dual binding and all my #name="ngModel". I had this for all my input fields. The #name needed to be unique.
html angular binding
asked Nov 17 '18 at 19:51
c0micragec0micrage
418
I am writing an angular page which is binding a object with alot of fields to a form with many input text field. It is strange but only the first two fields are binding with values while the rest of the fields are empty. I swap the 2nd and 3rd input fields and the 3rd input field value shows up in the 2nd row spot. The 2nd input field which has been moved to the third row is blank. I looked at the HTML code but I am not sure why? I am learning angular and not sure why not all the input fields should show values. I only show 3 input fields but in my code I have more than 10 input rows but only the first 2 are showing the binded values. Any help is appreciated.
Update: I figured it out. With refreshed eyes, I noticed the error
In my HTML, I was setting dual binding and all my #name="ngModel". I had this for all my input fields. The #name needed to be unique.
html angular binding
html angular binding
asked Nov 17 '18 at 19:51
c0micragec0micrage
418
asked Nov 17 '18 at 19:51
c0micragec0micrage
418
edited Nov 18 '18 at 14:38
c0micrage
asked Nov 17 '18 at 19:51
c0micragec0micrage
418
asked Nov 17 '18 at 19:51
c0micragec0micrage
418
asked Nov 17 '18 at 19:51
c0micragec0micrage
418
418
Please add the complete company structure. Also since you have the data model in hand, it would be better for you to use a Reactive Form instead of a Template Driven form. It would be less cluttery as compared to how it is right now in your template.
– SiddAjmera
Nov 17 '18 at 20:29
add a comment |
Please add the complete company structure. Also since you have the data model in hand, it would be better for you to use a Reactive Form instead of a Template Driven form. It would be less cluttery as compared to how it is right now in your template.
– SiddAjmera
Nov 17 '18 at 20:29
Please add the complete company structure. Also since you have the data model in hand, it would be better for you to use a Reactive Form instead of a Template Driven form. It would be less cluttery as compared to how it is right now in your template.
– SiddAjmera
Nov 17 '18 at 20:29
Please add the complete company structure. Also since you have the data model in hand, it would be better for you to use a Reactive Form instead of a Template Driven form. It would be less cluttery as compared to how it is right now in your template.
– SiddAjmera
Nov 17 '18 at 20:29
add a comment |
1 Answer
1
active
oldest
votes
Update: I figured it out. With refreshed eyes, I noticed the error
In my HTML, I was setting dual binding and all my #name="ngModel". I had this for all my input fields. The #name needed to be unique.
answered Nov 18 '18 at 14:38
c0micragec0micrage
418
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%2f53354960%2fangular-binding-to-form-not-show-all-binded-values-with-ngmodel%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
Update: I figured it out. With refreshed eyes, I noticed the error
In my HTML, I was setting dual binding and all my #name="ngModel". I had this for all my input fields. The #name needed to be unique.
answered Nov 18 '18 at 14:38
c0micragec0micrage
418
add a comment |
Update: I figured it out. With refreshed eyes, I noticed the error
In my HTML, I was setting dual binding and all my #name="ngModel". I had this for all my input fields. The #name needed to be unique.
answered Nov 18 '18 at 14:38
c0micragec0micrage
418
add a comment |
Update: I figured it out. With refreshed eyes, I noticed the error
In my HTML, I was setting dual binding and all my #name="ngModel". I had this for all my input fields. The #name needed to be unique.
answered Nov 18 '18 at 14:38
c0micragec0micrage
418
Update: I figured it out. With refreshed eyes, I noticed the error
In my HTML, I was setting dual binding and all my #name="ngModel". I had this for all my input fields. The #name needed to be unique.
answered Nov 18 '18 at 14:38
c0micragec0micrage
418
answered Nov 18 '18 at 14:38
c0micragec0micrage
418
answered Nov 18 '18 at 14:38
c0micragec0micrage
418
answered Nov 18 '18 at 14:38
c0micragec0micrage
418
418
add a comment |
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%2f53354960%2fangular-binding-to-form-not-show-all-binded-values-with-ngmodel%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
Please add the complete company structure. Also since you have the data model in hand, it would be better for you to use a Reactive Form instead of a Template Driven form. It would be less cluttery as compared to how it is right now in your template.
– SiddAjmera
Nov 17 '18 at 20:29