▸case-01 We have an existing Angular 15 application using RxJS and standalone components. We need to upgrade it to Angular 17. Recommend the steps and commands to perform this upgrade safely. | pass→pass | 15,194 | 16,129 | +6% | 1 | 1 | 0% | 2,670 | 2,966 | +11% | 0 | 0 | — |
▸case-02 Our team wants to convert a React 18 frontend codebase with functional components and custom hooks over to Angular 17. Provide an architectural plan for converting React patterns to Angular. | pass→pass | 28,752 | 29,570 | +3% | 1 | 1 | 0% | 4,146 | 5,039 | +22% | 0 | 0 | — |
▸case-03 In our legacy AngularJS 1.5 codebase, a dropdown modal fails to close on Esc key press due to an unhandled event listener outside the Digest cycle. We are not migrating the app. Fix the event listener bug in AngularJS. | pass→pass | 14,588 | 13,398 | -8% | 1 | 1 | 0% | 2,237 | 2,485 | +11% | 0 | 0 | — |
▸case-04 We have a 200k lines-of-code AngularJS 1.6 app with active daily business updates. Management is deciding between stopping all new feature development for 6 months to perform a full rewrite, or migrating incrementally while continuing feature delivery. Which migration strategy should be selected? | pass→pass | 15,276 | 24,298 | +59% | 1 | 1 | 0% | 2,348 | 3,461 | +47% | 0 | 0 | — |
▸case-05 An AngularJS 1.4 web app serves three isolated domain portals (Admin, Partner, Customer) on distinct URL paths. The engineering team wants to migrate one portal at a time to Angular 17 without mixing AngularJS and Angular runtimes in the same browser bundle. Which migration strategy fits this requirement? | fail→pass | 12,549 | 10,640 | -15% | 1 | 1 | 0% | 2,177 | 2,308 | +6% | 0 | 0 | — |
▸case-06 We have a small AngularJS 1.3 internal tool consisting of 3 static screens, no external API dependencies, and no upcoming feature changes. We want to modernize it to Angular 17. Should we set up ngUpgrade hybrid bridge modules or perform a complete rewrite? | pass→pass | 13,006 | 9,356 | -28% | 1 | 1 | 0% | 2,132 | 2,091 | -2% | 0 | 0 | — |
▸case-07 Convert this AngularJS controller pattern to a modern Angular component class:
`angular.module('app').controller('ItemListCtrl', function($scope, ItemService) { $scope.items = []; ItemService.getAll().then(function(res) { $scope.items = res; }); });`
Provide the modern Angular component TS class definition. | pass→pass | 8,662 | 6,456 | -25% | 1 | 1 | 0% | 1,561 | 1,703 | +9% | 0 | 0 | — |
▸case-08 Convert this AngularJS directive with isolated scope bindings into modern Angular component bindings:
`angular.module('app').directive('userCard', function() { return { scope: { user: '=', onSave: '&' }, template: '<div>{{user.name}}<button ng-click="onSave()">Save</button></div>' }; });`
Show the Angular component decorator and property definitions. | pass→pass | 5,989 | 8,103 | +35% | 1 | 1 | 0% | 1,159 | 1,994 | +72% | 0 | 0 | — |
▸case-09 An AngularJS directive manipulates element DOM styles directly using `element.css()` on `mouseenter` inside a `link` function. Show how to refactor this DOM-decorating behavior into modern Angular. | pass→pass | 12,187 | 16,136 | +32% | 1 | 1 | 0% | 2,240 | 2,901 | +30% | 0 | 0 | — |
▸case-10 In an ngUpgrade application, we have an existing AngularJS service `UserSettingsService`. We need to inject this service into a newly created Angular component. Show the configuration required in Angular to make this AngularJS service injectable. | pass→pass | 10,932 | 11,563 | +6% | 1 | 1 | 0% | 2,073 | 2,314 | +12% | 0 | 0 | — |
▸case-11 In an ngUpgrade application, we created a new Angular `@Injectable()` service `NotificationService`. We need to inject `NotificationService` into a legacy AngularJS controller. Show the AngularJS module registration code. | pass→pass | 7,559 | 5,265 | -30% | 1 | 1 | 0% | 1,474 | 1,481 | +0% | 0 | 0 | — |
▸case-12 We created an Angular component `UserProfileComponent` that must be rendered inside legacy AngularJS HTML templates in a hybrid app. Provide the AngularJS directive registration snippet. | pass→pass | 4,903 | 4,870 | -1% | 1 | 1 | 0% | 942 | 1,359 | +44% | 0 | 0 | — |
▸case-13 We have an AngularJS directive `<legacy-grid>` that cannot be refactored immediately, but needs to be embedded inside an Angular component template. Show how to adapt this AngularJS component for use in Angular. | pass→pass | 11,219 | 10,054 | -10% | 1 | 1 | 0% | 2,215 | 2,486 | +12% | 0 | 0 | — |
▸case-14 In AngularJS, an asynchronous data call is written as:
`$http.get('/api/items').then(function(res) { return res.data; });`
Show how to rewrite this service call in modern Angular using modern HTTP and reactive utilities. | pass→pass | 12,255 | 10,814 | -12% | 1 | 1 | 0% | 2,407 | 2,545 | +6% | 0 | 0 | — |
▸case-15 We are migrating an AngularJS application using `ui-router` to Angular Router using ngUpgrade. Provide the routing strategy and layout during the hybrid transition phase. | fail→pass | 18,323 | 23,366 | +28% | 1 | 1 | 0% | 3,223 | 4,719 | +46% | 0 | 0 | — |
▸case-16 When bootstrapping a hybrid AngularJS/Angular application using `@angular/upgrade/static`, show how the application root bootstrapping in `main.ts` and `AppModule` differs from normal AngularJS `ng-app` initialization. | pass→pass | 14,784 | 13,041 | -12% | 1 | 1 | 0% | 2,644 | 2,823 | +7% | 0 | 0 | — |
▸case-17 All AngularJS components in a hybrid application have been successfully converted to native Angular components. What steps must be taken to perform the final cutover and cleanup? | pass→pass | 13,498 | 10,254 | -24% | 1 | 1 | 0% | 2,408 | 2,225 | -8% | 0 | 0 | — |
▸case-18 An AngularJS controller uses `$scope.$watch('filterText', function(newVal) { $scope.applyFilter(newVal); });` to react to user input. How should this scope watch pattern be converted in modern Angular? | pass→pass | 13,808 | 13,158 | -5% | 1 | 1 | 0% | 2,523 | 2,958 | +17% | 0 | 0 | — |
▸case-19 An AngularJS app uses `$rootScope.$broadcast('cartUpdated', item)` for cross-component messaging. Provide the modern Angular architectural replacement. | pass→pass | 13,735 | 11,744 | -14% | 1 | 1 | 0% | 2,664 | 2,639 | -1% | 0 | 0 | — |
▸case-20 Convert an AngularJS form template snippet `<form name="loginForm"><input ng-model="credentials.username" required></form>` into modern Angular Reactive Forms. | pass→pass | 8,097 | 6,557 | -19% | 1 | 1 | 0% | 1,646 | 1,894 | +15% | 0 | 0 | — |
▸case-21 An AngularJS app defines custom string formatting via `angular.module('app').filter('currencyFormat', function() { return function(input) { return '$' + input; }; });`. Show the modern Angular equivalent. | pass→pass | 7,245 | 6,025 | -17% | 1 | 1 | 0% | 1,392 | 1,602 | +15% | 0 | 0 | — |
▸case-22 When maintaining a hybrid AngularJS/Angular application during a multi-month migration, what automated testing strategy ensures that cross-framework integration points do not break? | pass→pass | 20,158 | 22,008 | +9% | 1 | 1 | 0% | 3,121 | 4,155 | +33% | 0 | 0 | — |