Let’s use json-server to quickly set up a mock back end.įrom the root of the application, run: npm install json-server -save Then visit If all’s well, you should see the working Todo app. So, to get up and running (the latest version of the Angular CLI installed) we would do this: git clone angular-todo-app You can switch between them using git checkout. You can think of tags like an alias to a specific commit id. The code that we end this article with is tagged as part-3. The code that we ended with in part two and that we start with in this article is tagged as part-2. Each article in this series has a corresponding tag in the repository so you can switch back and forth between the different states of the application. Npm install -g that, you’ll need a copy of the code from part two. If you don’t, you can install this with the following command: npm install -g you need to remove a previous version of the Angular CLI, you can: npm uninstall -g angular-cli Make sure you have the latest version of the Angular CLI installed. You can simply grab a copy of our repo, checkout the code from part two, and use that as a starting point.
You don’t need to have followed parts one and two of this tutorial for three to make sense. Part 6 - How to Update Angular Projects to the latest version.Part 5 - Add authentication to protect private content.Part 4 - Use Angular router to resolve data.Part 3 - Update the Todo service to communicate with a REST API back end.Part 2 - Creating separate components to display a list of todos and a single todo.Part 1 - Getting our first version of the Todo application up and running.Part 0 - The Ultimate Angular CLI Reference Guide.In part two we examined a more modular component architecture and learned how to break this single component into a structured tree of smaller components that are easier to understand, re-use and maintain. This worked just fine but, unfortunately, the whole app was crammed into a single component. In part one we learned how to get our Todo application up and running and deploy it to GitHub pages. Prefer to learn Angular using a step-by-step video course? Check out Learn Angular 5 on SitePoint Premium.
In this article, we’ll update our application to communicate with a REST API back end.
This article is part 3 of the SitePoint Angular 2+ Tutorial on how to create a CRUD App with the Angular CLI.
0 kommentar(er)
