This repository was archived by the owner on Feb 26, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4.6k
Permalink
Choose a base ref
{{ refName }}
default
Choose a head ref
{{ refName }}
default
Comparing changes
Choose two branches to see what’s changed or to start a new pull request.
If you need to, you can also or
learn more about diff comparisons.
Open a pull request
Create a new pull request by comparing changes across two branches. If you need to, you can also .
Learn more about diff comparisons here.
base repository: angular/angular-phonecat
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: master
Could not load branches
Nothing to show
Loading
Could not load tags
Nothing to show
{{ refName }}
default
Loading
...
head repository: mattraykowski/angular-phonecat
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: master
Could not load branches
Nothing to show
Loading
Could not load tags
Nothing to show
{{ refName }}
default
Loading
Can’t automatically merge.
Don’t worry, you can still create the pull request.
- 19 commits
- 132 files changed
- 3 contributors
Commits on Oct 18, 2012
-
Configuration menu - View commit details
-
Copy full SHA for b1ed3a3 - Browse repository at this point
Copy the full SHA b1ed3a3View commit details -
added phonecat specific info into the README.md file
Configuration menu - View commit details
-
Copy full SHA for 9b8f31a - Browse repository at this point
Copy the full SHA 9b8f31aView commit details -
Configuration menu - View commit details
-
Copy full SHA for 8035332 - Browse repository at this point
Copy the full SHA 8035332View commit details -
- Added a json file with a list of all phones. This file fakes a backend which would typically render this list dynamically from a database.
Configuration menu - View commit details
-
Copy full SHA for cd364fa - Browse repository at this point
Copy the full SHA cd364faView commit details -
- Added one json file with detailed information about each phone listed in phones.json
Configuration menu - View commit details
-
Copy full SHA for a42a539 - Browse repository at this point
Copy the full SHA a42a539View commit details -
- Added images for each phone listed in phones.json
Configuration menu - View commit details
-
Copy full SHA for 13b2549 - Browse repository at this point
Copy the full SHA 13b2549View commit details -
empty the angular-seed project
- Initial [angular-seed] project layout without default app and test code
Configuration menu - View commit details
-
Copy full SHA for da574a1 - Browse repository at this point
Copy the full SHA da574a1View commit details -
- add ngApp directive to bootstrap the app - add simple template with an expression
Configuration menu - View commit details
-
Copy full SHA for 6d4f074 - Browse repository at this point
Copy the full SHA 6d4f074View commit details -
- Added static html list with two phones into index.html
Configuration menu - View commit details
-
Copy full SHA for 7abe1a3 - Browse repository at this point
Copy the full SHA 7abe1a3View commit details -
step-2 angular template with repeater
- Converted the static html list into dynamic one by: - creating PhoneListCtrl controller for the application - extracting the data from HTML into a the controller as an in-memory dataset - converting the static document into a template with the use of `[ngRepeat]` [directive] which iterates over the dataset with phones, clones the ngRepeat template for each instance and renders it into the view - Added a simple unit test to show off how to write tests and run them with JsTD (see README.md for instructions)
Configuration menu - View commit details
-
Copy full SHA for d90cbe4 - Browse repository at this point
Copy the full SHA d90cbe4View commit details -
- Added a search box to demonstrate how: - the data-binding works on input fields - to use [filter] filter - [ngRepeat] automatically shrinks and grows the number of phones in the view - Added an end-to-end test to: - show how end-to-end tests are written and used - to prove that the search box and the repeater are correctly wired together
Configuration menu - View commit details
-
Copy full SHA for 3fc729c - Browse repository at this point
Copy the full SHA 3fc729cView commit details -
- Add "age" property to the phone model - Add select box to control phone list order - Override the default order value in controller - Add unit and e2e test for this feature
Configuration menu - View commit details
-
Copy full SHA for fd5414e - Browse repository at this point
Copy the full SHA fd5414eView commit details -
step-5 XHR and dependency injection
- Replaced the in-memory dataset with data loaded from the server (in the form of static phone.json file to make this tutorial backend agnostic) - The json file is loaded using the [$http] service - Demonstrate the use of [services][service] and [dependency injection][DI] - The [$http] is injected into the controller through [dependency injection][DI]
Configuration menu - View commit details
-
Copy full SHA for 643ea62 - Browse repository at this point
Copy the full SHA 643ea62View commit details -
- adding phone image and links to phone pages - add end2end test that verifies our phone links - css to style the page just a notch
Configuration menu - View commit details
-
Copy full SHA for 4162ddc - Browse repository at this point
Copy the full SHA 4162ddcView commit details -
step-7 $route and app partitioning
- Introduce the [$route] service which allows binding URLs for deep-linking with views - Create PhoneCatCtrl which governs the entire app and contains $route configuration - Map `/phones' to PhoneListCtrl and partails/phones-list.html - Map `/phones/<phone-id>' to PhoneDetailCtrl and partails/phones-detail.html - Copy deep linking parameters to root controller `params` property for access in sub controllers - Replace content of index.html with [ng:view] widget - Create phone list route - Preserve existing PhoneListCtrl controller - Move existing html from index.html to partials/phone-list.html - Create phone details route - Empty placeholder PhoneDetailsCtrl controller - Empty placeholder partials/phane-details.html template
Configuration menu - View commit details
-
Copy full SHA for 8b3e3b2 - Browse repository at this point
Copy the full SHA 8b3e3b2View commit details -
- Fetch data for and render phone detail view - PhoneDetailCtrl controller to fetch details json with [$xhr] for a specific phone - template for the phone detailed view - CSS to make the phone details page look "pretty"
Configuration menu - View commit details
-
Copy full SHA for 2d45f47 - Browse repository at this point
Copy the full SHA 2d45f47View commit details -
- Added custom checkmark filter - Update phone detail template to use checkmark filter - Added spec for the filter
Configuration menu - View commit details
-
Copy full SHA for f37a97c - Browse repository at this point
Copy the full SHA f37a97cView commit details -
step-10 image swapping with ng:click
In the phone detail view, clicking on a thumbnail image, changes the main phone image to be the large version of the thumbnail image. - Define mainImageUrl model variable in the PhoneDetailCtrl and set its default value - Create setImage controller method to change mainImageUrl - Register ng:click handler for thumb images to use setImage controller method - Add e2e tests for this feature - Add css to change the mouse cursor when user points at thumnail images
Configuration menu - View commit details
-
Copy full SHA for d602c01 - Browse repository at this point
Copy the full SHA d602c01View commit details -
step-11 custom service and $resource
- Replaced [$xhr] with [$resource] - Created a custom Phone service that represents the $resource client
Configuration menu - View commit details
-
Copy full SHA for 9aebada - Browse repository at this point
Copy the full SHA 9aebadaView commit details
There are no files selected for viewing