Skip to content

DOCINFRA-2341_merged_using_automation #214

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Dec 28, 2022
+8 −8
Merged

DOCINFRA-2341_merged_using_automation #214

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
a6e052f
(JS-64346):correction added
Dec 28, 2022
9417660
(JS-64346):correction added
Dec 28, 2022
8b0dda4
(JS-64346):correction added
Dec 28, 2022
91777f7
(JS-64346):correction added
Dec 28, 2022
b8b5a71
(JS-64346):correction added
Dec 28, 2022
b963ec1
Merge pull request #212 from syncfusion-content/JS64346-cmn
rajendranr-5483 Dec 28, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions angular/GettingStarted/getting-started-angular-with-mvc-application.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down Expand Up @@ -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 %}

Expand Down Expand Up @@ -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.

Expand Down Expand Up @@ -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)