Angular in .NET Core #2850
Angular in .NET Core #2850
Conversation
|
|
||
| :marked | ||
| This cookbook describes how to build an Angular app inside the MVC architecture in a .NET Core Web application. It does not explain how Angular or .NET Core works. However it will provide all the code snippets required. Therefore you will be able to follow through this cookbook even if you are currently not familiar with Angular or .NET Core. | ||
|
|
There was a problem hiding this comment.
Perhaps it may be helpful to have a short section here that identifies who the audience is
| :marked | ||
| This cookbook describes how to build an Angular app inside the MVC architecture in a .NET Core Web application. It does not explain how Angular or .NET Core works. However it will provide all the code snippets required. Therefore you will be able to follow through this cookbook even if you are currently not familiar with Angular or .NET Core. | ||
|
|
||
| It is recommended that you follow this cookbook step by step and experience the challenges in the process. |
There was a problem hiding this comment.
This is an awkward sentence. Perhaps just remove it
|
|
||
| It is recommended that you follow this cookbook step by step and experience the challenges in the process. | ||
|
|
||
| .NET Core supports cross platforms. You can develop .NET Core applications on Windows, macOS or Linux. This cookbook will use Visual Studio 2015 on Windows. |
There was a problem hiding this comment.
Suggest ...
.NET Core is a cross platform solution.
Saying the cookbook uses Windows makes me wonder what will be different on OSX on a Mac. I think it would be good to discuss both in the cookbook, otherwise we cut out a growing audience.
| :marked | ||
| ## Prerequisite | ||
|
|
||
| If you do not have them in your system, download and install the following items: |
There was a problem hiding this comment.
Simplify ...
begin by downloading and installing the following requirements:
|
|
||
| If you do not have them in your system, download and install the following items: | ||
|
|
||
| 1. [Visual studio 2015 Update 3](https://go.microsoft.com/fwlink/?LinkId=691129) |
There was a problem hiding this comment.
Should be Visual Studio ...
| 1. [Visual studio 2015 Update 3](https://go.microsoft.com/fwlink/?LinkId=691129) | ||
| 1. [.NET Core Tools for Visual Studio 2015](https://go.microsoft.com/fwlink/?LinkId=691978) | ||
| 1. [.Net Core SDK](https://go.microsoft.com/fwlink/?LinkID=835014) | ||
| 1. [Typescript 2 for Visual Studio 2015](http://download.microsoft.com/download/6/D/8/6D8381B0-03C1-4BD2-AE65-30FF0A4C62DA/TS2.0.3-TS-release20-nightly-20160921.1/TypeScript_Dev14Full.exe) |
There was a problem hiding this comment.
is this link likely to change? is there a safer one?
| +makeExample('angular-in-dotnet-core/ts/_layout.html', null, 'Views/shared/_layout.cshtml')(format='.') | ||
|
|
||
| :marked | ||
| Now, build and run the application, you will find that .NET Core MVC application works but the Angular app does not. Open the the developer's tool in the browser, go to the console tab, you will find that the browser is complaining that it cannot find any of the scripts we inserted to `Views/Shared/_layout.cshtml` above. |
There was a problem hiding this comment.
compound sentence. Try breaking it up.
Now build and run the application. The .NET Core MVC application works but the Angular app appears not to work! Let's find out why. Open the developer tools in the browser ...
|
|
||
| #### 404 Errors | ||
|
|
||
| These 404 errors indicate that the browser could not find files in `app` and `node_modules` folders. But we have an `app` folder and a `node_modules` folder in the root directory, why the browser can not find it? |
There was a problem hiding this comment.
We have
appandnode_modulesfolders, but why can't the browser find them?
Use shell stylings for terminal commands.
Here just so i can gather comments … DO NOT MERGE