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
53 lines
1.8 KiB
HTML
53 lines
1.8 KiB
HTML
<!-- #docplaster -->
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<!-- #docregion base -->
|
|
<base href="/app/">
|
|
<!-- #enddocregion base -->
|
|
<title>Google Phone Gallery</title>
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="app.css" />
|
|
<link rel="stylesheet" href="app.animations.css" />
|
|
|
|
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
|
|
<script src="https://code.angularjs.org/1.5.5/angular.js"></script>
|
|
<script src="https://code.angularjs.org/1.5.5/angular-animate.js"></script>
|
|
<script src="https://code.angularjs.org/1.5.5/angular-resource.js"></script>
|
|
<script src="https://code.angularjs.org/1.5.5/angular-route.js"></script>
|
|
|
|
<script src="app.module.js"></script>
|
|
<script src="app.config.js"></script>
|
|
<script src="app.animations.js"></script>
|
|
<script src="core/core.module.js"></script>
|
|
<script src="core/phone/phone.module.js"></script>
|
|
<script src="phone-list/phone-list.module.js"></script>
|
|
<script src="phone-detail/phone-detail.module.js"></script>
|
|
|
|
<!-- #docregion ng2 -->
|
|
<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>
|
|
<!-- #enddocregion ng2 -->
|
|
<script src="/systemjs.config.1.js"></script>
|
|
<!-- #docregion ng2
|
|
<script src="/systemjs.config.js"></script>
|
|
<script>
|
|
System.import('/app');
|
|
</script>
|
|
<!-- #enddocregion ng2 -->
|
|
<script>
|
|
System.import('/app');
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="view-container">
|
|
<div ng-view class="view-frame"></div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|