Deborah's Developer MindScape






         Tips and Techniques for Web and .NET developers.

October 17, 2016

“Angular Reactive Forms” Problem Solver

This blog post supports the sample code for the “Angular: Reactive Forms” course on Pluralsight, identifying common issues along with their solutions.

[No common issues have been identified]

31 Comments

  1.   Harri — November 14, 2016 @ 4:24 am    Reply

    Deborah, when will this course be available?

    •   deborahk — December 29, 2016 @ 10:26 am    Reply

      I completed the course last week, but with the end of year holidays, it most likely won’t be published until after the new year. Thanks for asking!

    •   deborahk — January 27, 2017 @ 4:49 pm    Reply

      This course was published on January 10th, but did not show up in the library until January 12th. Thanks again for asking.

  2.   Julien — December 21, 2016 @ 1:24 pm    Reply

    Hi Deborah,

    I was wondering if a course about Reactive Forms will be available on PS?
    Thanks.

    •   deborahk — December 29, 2016 @ 10:26 am    Reply

      I completed the course last week, but with the end of year holidays, it most likely won’t be published until after the new year. Thanks for asking!

    •   deborahk — January 27, 2017 @ 4:50 pm    Reply

      This course was published on January 10th, but did not show up in the library until January 12th. Thanks again for asking.

  3.   Ajit Sahu — December 27, 2016 @ 8:08 am    Reply

    Hi Deborah –

    Thanks for explaining in detail, need more about TypeScript.

    •   deborahk — December 29, 2016 @ 10:27 am    Reply

      What do you need more about TypeScript? I can point you to some TypeScript courses on Pluralsight …

  4.   tomer — January 16, 2017 @ 2:47 am    Reply

    Hi Deborah,
    course is great
    just finish Dynamically duplicate input elements module and would like to know how can i remove/delete an item from the FormArray.
    Thnaks

  5.   Dainal Khan — January 21, 2017 @ 10:28 am    Reply

    Hi Deborah,
    I am trying to dynamically create ‘Address’ FromGroup by providing array populated from DB but its not creating required input address group. If my array contains 3 addresses and while creating root FormGroup I also init my FormArray with 3 addresses then it creates and bind the addresses objects otherwise it does not.
    What I am trying to do is that my root FormGroup would have blank formArray (e.g. addresses: this.fb.array([])) and it dynamically create FormAddress on the basis of provided array.

    Could you please help me on this to how to do this ?

    Thanks.

  6.   Amen — February 5, 2017 @ 6:13 pm    Reply

    Hey I have tried npm install and it runs correctly but not all the folders and files get installed. For instance in your video “Setting up an Angular 2 Applicaiton” the typings folder is not created. And when I run npm start I get a whol bunch of errors. but the main error is “sh: tsc: command not found”.

    •   deborahk — February 20, 2017 @ 10:18 am    Reply

      What code are you using? the Start code from my github? Or code from somewhere else? If you are running newer code (like newer files from the Angular seed QuickStart), then you will not get a typings folder anymore.

      If you are running my code from github, try npm install again and let me know if it displays any errors.

      NOTE: I don’t get notification when posting to my blog. For a more immediate response from me, post to the discussion tab for the course here: https://app.pluralsight.com/library/courses/angular-2-reactive-forms/discussion

  7.   Gopal — February 7, 2017 @ 2:01 am    Reply

    Saw your Angular 2 Reactive Forms, great video. But when am validating a textbox its showing error in the console “Cannot read property ‘required’ of null”.

    Thanks

    •   Gopal — February 7, 2017 @ 2:15 am    Reply

      Sorry, solved the issue, it was my mistake.

      Thanks

      •   deborahk — February 20, 2017 @ 10:18 am    Reply

        Glad you found it!

  8.   Jerry Isenga — February 7, 2017 @ 11:25 am    Reply

    Hello Deborah,

    Your Angular2 – Reactive Forms is great on Pluralsight. I have a question about the final version.

    How would I display the Sign-Up form from a button click in another component (i.e. a modal dialog)?

    Thanks

  9.   Perry — February 16, 2017 @ 12:25 pm    Reply

    Deborah,
    Hope all is well the reactive forms appears to have vanished from Github.

    Regards,

    Perry

  10.   Nilesh Naseet — March 31, 2017 @ 12:03 pm    Reply

    Hi Deborah,

    As told in your initial on of the pluralsight videos, I am trying to install ‘npm install’, But I am getting following error.
    I tried installing multiple times(6-7 times) as suggested by you, but every time I am getting below error.

    Could you please help? Not sure what I am missing here,

    Caused by: Error: connect ETIMEDOUT 104.24.112.177:443
    typings ERR! message Unable to connect to “https://api.typings.org/entries/dt/node/tags/6.0.0%2B20160831021119”
    typings ERR! caused by connect ETIMEDOUT 104.24.112.177:443
    typings ERR!
    typings ERR! cwd C:\Sample Tutorials\Angular2-GettingStarted-master\apm
    typings ERR! system Windows_NT 6.1.7601
    typings ERR! command “C:\\Program Files\\nodejs\\node.exe” “C:\\Sample Tutorials\\Angular2-GettingStarted-master\\APM\\node_modules\\typings\\dist\\bin.js” “install”
    typings ERR! node -v v7.8.0
    typings ERR! typings -v 1.5.0
    typings ERR! code EUNAVAILABLE
    typings ERR!
    typings ERR! If you need help, you may report this error at:
    typings ERR!

    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.1: wanted {“os”:”darwin”,”arch”:”any”} (current: {“os”:”win32″,”arch”:”x64″})
    npm ERR! Windows_NT 6.1.7601
    npm ERR! argv “C:\\Program Files\\nodejs\\node.exe” “C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js” “install”
    npm ERR! node v7.8.0
    npm ERR! npm v4.2.0
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! product-management@1.0.0 postinstall: `typings install`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the product-management@1.0.0 postinstall script ‘typings install’.
    npm ERR! Make sure you have the latest version of node.js and npm installed.
    npm ERR! If you do, this is most likely a problem with the product-management package,
    npm ERR! not with npm itself.
    npm ERR! Tell the author that this fails on your system:
    npm ERR! typings install
    npm ERR! You can get information on how to open an issue for this project with:
    npm ERR! npm bugs product-management
    npm ERR! Or if that isn’t available, you can get their info via:
    npm ERR! npm owner ls product-management
    npm ERR! There is likely additional logging output above.

    npm ERR! Please include the following file with any support request:
    npm ERR! C:\Users\adcwtpy\AppData\Roaming\npm-cache\_logs\2017-03-31T18_11_44_287Z-debug.log

    Thanks,
    Nilesh

RSS feed for comments on this post. TrackBack URI

Leave a comment

© 2021 Deborah's Developer MindScape   Provided by WPMU DEV -The WordPress Experts   Hosted by Microsoft MVPs