Update/Create components with single Angular Reactive Form Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) The Ask Question Wizard is Live! Data science time! April 2019 and salary with experienceAngular 2 form spread across componentsAngular 2 - Single Form Component for Create and EditAngular Reactive Forms - “recursive” formsRender Component On To another Component Angular 5Angular 6: How to include html file into component ?Inline Editors within Angular 2 Reactive Forms?angular reactive forms - bind input element to reactive form programmaticallyWhat is best practice for component with reactive forms?Reset Angular Reactive FormArray ValuesVaildation in Custom components in angular reactive form not working
What do you call a plan that's an alternative plan in case your initial plan fails?
Should you tell Jews they are breaking a commandment?
Why does this iterative way of solving of equation work?
Strange behaviour of Check
Limit for e and 1/e
Notation for two qubit composite product state
Biased dice probability question
What is the largest species of polychaete?
Estimate capacitor parameters
What computer would be fastest for Mathematica Home Edition?
Who can trigger ship-wide alerts in Star Trek?
Fishing simulator
Windows 10: How to Lock (not sleep) laptop on lid close?
Slither Like a Snake
Two different pronunciation of "понял"
Can I throw a longsword at someone?
Why use gamma over alpha radiation?
What is the electric potential inside a point charge?
New Order #5: where Fibonacci and Beatty meet at Wythoff
Why does tar appear to skip file contents when output file is /dev/null?
Stars Make Stars
How can players take actions together that are impossible otherwise?
Is it possible to ask for a hotel room without minibar/extra services?
I'm having difficulty getting my players to do stuff in a sandbox campaign
Update/Create components with single Angular Reactive Form
Announcing the arrival of Valued Associate #679: Cesar Manara
Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)
The Ask Question Wizard is Live!
Data science time! April 2019 and salary with experienceAngular 2 form spread across componentsAngular 2 - Single Form Component for Create and EditAngular Reactive Forms - “recursive” formsRender Component On To another Component Angular 5Angular 6: How to include html file into component ?Inline Editors within Angular 2 Reactive Forms?angular reactive forms - bind input element to reactive form programmaticallyWhat is best practice for component with reactive forms?Reset Angular Reactive FormArray ValuesVaildation in Custom components in angular reactive form not working
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
What I've done:
I have created a large Reactive form with roughly 30 entries that vary (groups, arrays, controls).
Creating a document to send to the db is it's own page using these forms.
Viewing the content of the document with special styling for the ui is it's own page as well.
What I want:
I want to use that same reactive form broken into components to be able to do inline editing from the view page so the user can edit whichever section of the content they want to with the same usability the already built form has. I don't want to recreate each section of the form and have duplicate code all over.
The issue:
I have not been able to find a good way to break the form into components without binding them to the parent with the create form to the point that I wouldn't be able to use them again in the view/edit section.
I have found some options for inline editing, but those would have me recreate sections of the form again.
I have also found an option to use the dynamic id routing for 0= create doc and > 0 = edit existing doc.
None of these options are what I am trying to accomplish.
Can someone provide with with a resource to accomplish this or help point me in the right direction? I am new to Angular and unsure if I am going about this the wrong way or not. Thank you.
angular components crud asked Mar 8 at 14:58
Jeran UrbanJeran Urban
1
add a comment |
What I've done:
I have created a large Reactive form with roughly 30 entries that vary (groups, arrays, controls).
Creating a document to send to the db is it's own page using these forms.
Viewing the content of the document with special styling for the ui is it's own page as well.
What I want:
I want to use that same reactive form broken into components to be able to do inline editing from the view page so the user can edit whichever section of the content they want to with the same usability the already built form has. I don't want to recreate each section of the form and have duplicate code all over.
The issue:
I have not been able to find a good way to break the form into components without binding them to the parent with the create form to the point that I wouldn't be able to use them again in the view/edit section.
I have found some options for inline editing, but those would have me recreate sections of the form again.
I have also found an option to use the dynamic id routing for 0= create doc and > 0 = edit existing doc.
None of these options are what I am trying to accomplish.
Can someone provide with with a resource to accomplish this or help point me in the right direction? I am new to Angular and unsure if I am going about this the wrong way or not. Thank you.
angular components crud asked Mar 8 at 14:58
Jeran UrbanJeran Urban
1
This is an architecture question only you can answer for your own use-case. My 2 cents would be: if you're trying to make a component do 2 things (input user data AND read-only presentation) you might consider making 2 different components. Here's a link where Google Developer Expert's touches on component architecture: toddmotto.com/…
– Keenan Diggs
Mar 8 at 15:54
add a comment |
What I've done:
I have created a large Reactive form with roughly 30 entries that vary (groups, arrays, controls).
Creating a document to send to the db is it's own page using these forms.
Viewing the content of the document with special styling for the ui is it's own page as well.
What I want:
I want to use that same reactive form broken into components to be able to do inline editing from the view page so the user can edit whichever section of the content they want to with the same usability the already built form has. I don't want to recreate each section of the form and have duplicate code all over.
The issue:
I have not been able to find a good way to break the form into components without binding them to the parent with the create form to the point that I wouldn't be able to use them again in the view/edit section.
I have found some options for inline editing, but those would have me recreate sections of the form again.
I have also found an option to use the dynamic id routing for 0= create doc and > 0 = edit existing doc.
None of these options are what I am trying to accomplish.
Can someone provide with with a resource to accomplish this or help point me in the right direction? I am new to Angular and unsure if I am going about this the wrong way or not. Thank you.
angular components crud asked Mar 8 at 14:58
Jeran UrbanJeran Urban
1
What I've done:
I have created a large Reactive form with roughly 30 entries that vary (groups, arrays, controls).
Creating a document to send to the db is it's own page using these forms.
Viewing the content of the document with special styling for the ui is it's own page as well.
What I want:
I want to use that same reactive form broken into components to be able to do inline editing from the view page so the user can edit whichever section of the content they want to with the same usability the already built form has. I don't want to recreate each section of the form and have duplicate code all over.
The issue:
I have not been able to find a good way to break the form into components without binding them to the parent with the create form to the point that I wouldn't be able to use them again in the view/edit section.
I have found some options for inline editing, but those would have me recreate sections of the form again.
I have also found an option to use the dynamic id routing for 0= create doc and > 0 = edit existing doc.
None of these options are what I am trying to accomplish.
Can someone provide with with a resource to accomplish this or help point me in the right direction? I am new to Angular and unsure if I am going about this the wrong way or not. Thank you.
angular components crud angular components crud asked Mar 8 at 14:58
Jeran UrbanJeran Urban
1
asked Mar 8 at 14:58
Jeran UrbanJeran Urban
1
asked Mar 8 at 14:58
Jeran UrbanJeran Urban
1
asked Mar 8 at 14:58
Jeran UrbanJeran Urban
1
asked Mar 8 at 14:58
Jeran UrbanJeran Urban
1
1
This is an architecture question only you can answer for your own use-case. My 2 cents would be: if you're trying to make a component do 2 things (input user data AND read-only presentation) you might consider making 2 different components. Here's a link where Google Developer Expert's touches on component architecture: toddmotto.com/…
– Keenan Diggs
Mar 8 at 15:54
add a comment |
This is an architecture question only you can answer for your own use-case. My 2 cents would be: if you're trying to make a component do 2 things (input user data AND read-only presentation) you might consider making 2 different components. Here's a link where Google Developer Expert's touches on component architecture: toddmotto.com/…
– Keenan Diggs
Mar 8 at 15:54
This is an architecture question only you can answer for your own use-case. My 2 cents would be: if you're trying to make a component do 2 things (input user data AND read-only presentation) you might consider making 2 different components. Here's a link where Google Developer Expert's touches on component architecture: toddmotto.com/…
– Keenan Diggs
Mar 8 at 15:54
This is an architecture question only you can answer for your own use-case. My 2 cents would be: if you're trying to make a component do 2 things (input user data AND read-only presentation) you might consider making 2 different components. Here's a link where Google Developer Expert's touches on component architecture: toddmotto.com/…
– Keenan Diggs
Mar 8 at 15:54
add a comment |
0
active
oldest
votes
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%2f55065807%2fupdate-create-components-with-single-angular-reactive-form%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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%2f55065807%2fupdate-create-components-with-single-angular-reactive-form%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
This is an architecture question only you can answer for your own use-case. My 2 cents would be: if you're trying to make a component do 2 things (input user data AND read-only presentation) you might consider making 2 different components. Here's a link where Google Developer Expert's touches on component architecture: toddmotto.com/…
– Keenan Diggs
Mar 8 at 15:54