From ea6b87c24ba70d2554c0f9a3e80b245dc3780234 Mon Sep 17 00:00:00 2001 From: Misko Hevery Date: Fri, 29 Apr 2011 11:04:18 -0700 Subject: renamed tutorial so that it would sort properly --- docs/tutorial.step_6.ngdoc | 113 --------------------------------------------- 1 file changed, 113 deletions(-) delete mode 100755 docs/tutorial.step_6.ngdoc (limited to 'docs/tutorial.step_6.ngdoc') diff --git a/docs/tutorial.step_6.ngdoc b/docs/tutorial.step_6.ngdoc deleted file mode 100755 index 09d2c713..00000000 --- a/docs/tutorial.step_6.ngdoc +++ /dev/null @@ -1,113 +0,0 @@ -@workInProgress -@ngdoc overview -@name Tutorial: Step 6 -@description - - - - - - - - -
{@link tutorial.step_5 Previous}{@link http://angular.github.com/angular-phonecat/step-6/app Example}{@link tutorial Tutorial Home}{@link https://github.com/angular/angular-phonecat/compare/step-5...step-6 Code -Diff}{@link tutorial.step_7 Next}
- -In this step, we add thumbnail images, links, and a little more CSS to our app. For now, our -links go nowhere. One step at a time; in the next step we'll implement new views that these links -will open. - -__`app/index.html`:__ -
-...
-  
-
-  
-...
-
- -__`app/js/controller.js`__ (Unchanged): -
-/* App Controllers */
-
-function PhoneListCtrl($xhr) {
-  var self = this;
-
-  $xhr('GET', 'phones/phones.json', function(code, response) {
-    self.phones = response;
-  });
-
-  self.orderProp = 'age';
-}
-
-//PhoneListCtrl.$inject = ['$xhr'];
-
- -__`app/phones/phones.json`__ (sample snippet): -
- [
-  {
-   "age": 4, 
-   ...
-   "carrier": "T-Mobile", 
-   "id": "motorola-defy-with-motoblur", 
-   "imageUrl": "http://google.com/phone/image/small/640001", 
-   "name": "Motorola DEFY\u2122 with MOTOBLUR\u2122", 
-   "snippet": "Are you ready for everything life throws your way?"
-  }, 
-  …
- ]
-
- -__`test/e2e/scenarios.js`__: -
-...
-    it('should render phone specific links', function() {
-      input('query').enter('nexus');
-      element('.phones li a').click();
-      expect(browser().location().hash()).toBe('/phones/nexus-s');
-    });
-...
-
- -## Discussion: - -* Note that we're using {@link guide.expression angular expressions} enclosed in the now-familiar -{@link angular.markup double-curly brace markup} in the href attribute values. These represent -attribute bindings, and work the same way as the bindings we saw in previous steps. - -* Note also the use of the {@link angular.directive.ng:src ng:src} directive in the `` tag. -That directive prevents the browser from treating the angular `{{ exppression }}` markup -literally, as it would do if we tried to use markup in a regular `src` attribute. Use `ng:src` to -keep the browser from eagerly making an extra http request to an invalid location. - -* We expanded our end-to-end test to verify that the app is generating correct links to the phone -views we will implement in the upcoming steps. - - - - - - - - - -
{@link tutorial.step_5 Previous}{@link http://angular.github.com/angular-phonecat/step-6/app Example}{@link tutorial Tutorial Home}{@link https://github.com/angular/angular-phonecat/compare/step-5...step-6 Code -Diff}{@link tutorial.step_7 Next}
-- cgit v1.2.3