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
36 lines
1.4 KiB
HTML
36 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="en" ng-app="phonecatApp">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<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/checkmark/checkmark.filter.js"></script>
|
|
<script src="core/phone/phone.module.js"></script>
|
|
<script src="core/phone/phone.service.js"></script>
|
|
<script src="phone-list/phone-list.module.js"></script>
|
|
<script src="phone-list/phone-list.component.js"></script>
|
|
<script src="phone-detail/phone-detail.module.js"></script>
|
|
<script src="phone-detail/phone-detail.component.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="view-container">
|
|
<div ng-view class="view-frame"></div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|