diff --git a/angular/GettingStarted/getting-started-angular-with-mvc-application.md b/angular/GettingStarted/getting-started-angular-with-mvc-application.md index 1a685ca6..0e99ecaf 100644 --- a/angular/GettingStarted/getting-started-angular-with-mvc-application.md +++ b/angular/GettingStarted/getting-started-angular-with-mvc-application.md @@ -33,15 +33,15 @@ To render Syncfusion Angular components in ASP .NET MVC project: Open Visual Studio 2015 and select `ASP.NET Web Application`. Provide the name as `ESAngularMVCDemo` and select `MVC` project template. -![Angular GettingStarted](GettingStarted/Images/createproject.png) +![Angular GettingStarted](Images/createproject.png) -![Angular MVC GettingStarted](GettingStarted/Images/mvc.png) +![Angular MVC GettingStarted](Images/mvc.png) ## Configure TypeScript configuration file Include TypeScript Configuration file that does the work of `transpiling TypeScript files into JavaScript files`. Create TypeScript configuration file `tsconfig.json` by right clicking `sample root folder->Add->New Item->TypeScript JSON Configuration File.` -![Angular TypeScript configuration file](GettingStarted/Images/tsconfig.png) +![Angular TypeScript configuration file](Images/tsconfig.png) Copy the following code into the `tsconfig.json` file. @@ -80,7 +80,7 @@ Copy the following code into the `tsconfig.json` file. Add the JSON file named as `package.json` by right clicking `sample root folder-> Add->New Item->NPM Configuration File` and copy below code into the file. The file contains Angular packages. -![Angular NPM Configuration file](GettingStarted/Images/npmconfig.png) +![Angular NPM Configuration file](Images/npmconfig.png) {% highlight javascript %} @@ -153,7 +153,7 @@ Add the JSON file named as `package.json` by right clicking `sample root folder- Now right click the `package.json` file and choose `Restore Packages` to restore packages. -![Angular NPM Configuration file](GettingStarted/Images/restorepackage.png) +![Angular NPM Configuration file](Images/restorepackage.png) N> If the packages are not installed properly, open the command prompt and navigate to the location where the package.json file is defined. Run the following command to install packages. @@ -373,12 +373,12 @@ To load Angular in ASP.NET MVC, include the script references of Angular core mo Run the GULP tasks, so that the Angular TypeScript files are compiled and moved to the appropriate folder (Scripts). Open the `Task Runner Explorer (View->Other Windows->Task Runner)` in Visual Studio 2015. -![Angular Task Runner](GettingStarted/Images/taskrunner.png) +![Angular Task Runner](Images/taskrunner.png) Run the default task as shown in the following screenshot. -![Angular mvc gulp task configuration](GettingStarted/Images/mvcgulptask.png) +![Angular mvc gulp task configuration](Images/mvcgulptask.png) Run the task runner to compile then build and run the application to view the Syncfusion JavaScript Angular components in ASP.NET MVC application. -![Angular Grid GettingStarted](GettingStarted/Images/grid.png) +![Angular Grid GettingStarted](Images/grid.png)