Skip to content

Update migrate-angular-1-x-applications-to-sharepoint-framework-to-heft #10632

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

Open
Ashlesha-MSFT wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update migrate-angular-1-x-applications-to-sharepoint-framework-to-heft #10632

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
10 changes: 4 additions & 6 deletions .../web-parts/guidance/migrate-angular-1-x-applications-to-sharepoint-framework.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Migrate AngularJS applications to SharePoint Framework
description: Migrate an existing AngularJS application styled using ngOfficeUIFabric to a SharePoint Framework client-side web part.
ms.date: 03/08/2023
ms.date: 02/06/2026
ms.localizationpriority: high
---

Expand All @@ -18,8 +18,6 @@ The source of the AngularJS application migrated to SharePoint Framework is avai
> [!NOTE]
> This article references old, outdated & projects no longer maintained such as AngularJS v1.x & ngOfficeUIFabric.

[!INCLUDE [spfx-gulp-heft-migration-wip](../../../../includes/snippets/spfx-gulp-heft-migration-wip.md)]

## Set up project

Before you start migrating your AngularJS application, create and set up a new SharePoint Framework project to host the AngularJS application.
Expand Down Expand Up @@ -179,7 +177,7 @@ You also need to implement CSS styles that you're using the template. In the cod
1. In the command line, execute:

```console
gulp serve --nobrowser
heft start --nobrowser
```

1. To the URL of your SharePoint site, add **/_layouts/workbench.aspx**, for example, **https://contoso.sharepoint.com/_layouts/workbench.aspx**, and navigate to it in the web browser.
Expand Down Expand Up @@ -656,7 +654,7 @@ Now that the AngularJS application is built using TypeScript, and its different
1. To verify that the upgrade to TypeScript has been successful, in the command line, run:

```console
gulp serve --nobrowser
heft start --nobrowser
```

1. In the web browser, refresh the SharePoint Workbench, which should display your web part as previously.
Expand Down Expand Up @@ -1211,7 +1209,7 @@ export default class DataService implements IDataService {
1. Verify that the web part is working correctly by executing the following in the command line:

```console
gulp serve --nobrowser
heft start --nobrowser
```

1. In your web browser, go to the SharePoint Workbench and add the web part to canvas. If you toggle the **Hide finished tasks** option, you should see completed tasks being displayed or hidden accordingly.
Expand Down