4acbef19a8
closes #1538 This is a major reorganization of the Upgrade guide. * Compatible with the new version of the AngularJS 1 PhoneCat tutorial. * No longer switching Angular 1 code to SystemJS for PhoneCat, to allow beginning Angular 2 migration with fewer preparation steps. SystemJS switch now happens simultaneously with upgrade. (This is based on input from @joeeames) * Testing moved to an appendix to make the main narrative shorter and easier to follow. * Use component methods to do phone filtering and ordering instead of introducing pipes to replace filterFilter and orderByFilter. * Cover issue with camelCase inputs on downgraded components. For authors: * All examples now fully integrated with the example boilerplate. Uses the same Angular 2 version as all other guides. E2E tests are executed along with all the others. * Reduced number of PhoneCat versions from five to three. * Each directory has a README explaining how to run it and what might be peculiar about it. Closes angular/angular#8622 Relates to angular/angular.js#14416 Relates to angular/angular-phonecat#326
48 lines
1.5 KiB
HTML
48 lines
1.5 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>Angular 2 Upgrade</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="styles.css">
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
|
|
|
|
<!-- Polyfill(s) for older browsers -->
|
|
<script src="node_modules/core-js/client/shim.min.js"></script>
|
|
|
|
<script src="node_modules/zone.js/dist/zone.js"></script>
|
|
<script src="node_modules/reflect-metadata/Reflect.js"></script>
|
|
<script src="node_modules/systemjs/dist/system.src.js"></script>
|
|
|
|
<script src="systemjs.config.js"></script>
|
|
<script>
|
|
System.import('app').catch(function(err){ console.error(err); });
|
|
</script>
|
|
<script>
|
|
System.import('app/downgrade-io/app.module')
|
|
.then(null, console.error.bind(console));
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<hero-app>
|
|
<!-- #docregion usecomponent -->
|
|
<div ng-controller="MainController as mainCtrl">
|
|
<hero-detail [hero]="mainCtrl.hero"
|
|
(deleted)="mainCtrl.onDelete($event)">
|
|
</hero-detail>
|
|
</div>
|
|
<!-- #enddocregion usecomponent -->
|
|
<!-- #docregion userepeatedcomponent -->
|
|
<div ng-controller="MainController as mainCtrl">
|
|
<hero-detail [hero]="hero"
|
|
(deleted)="mainCtrl.onDelete($event)"
|
|
ng-repeat="hero in mainCtrl.heroes">
|
|
</hero-detail>
|
|
</div>
|
|
<!-- #enddocregion userepeatedcomponent-->
|
|
</hero-app>
|
|
</body>
|
|
</html>
|