From fc060dfc08f048511fe78e9df04ce4616171da34 Mon Sep 17 00:00:00 2001 From: Tobias Bosch Date: Tue, 5 Nov 2013 22:16:11 -0800 Subject: docs(guide/overview): Refactor overview and mvc docs Before, there we multiple overview docs: - guide/overview - guide/introduction - guide/dev_guide.mvc - guide/dev_guide.mvc.understanding_model - guide/dev_guide.mvc.understanding_view - guide/concepts Now we have: - guide/introduction: High level description of Angular with the key benefits but without code or any concrete concepts - guide/concepts: explains all important concepts with a simple example and contains deep links to the other parts of the guide. All the old information was moved into existing documents or deleted when they were duplicates. --- .../guide/about_view.graffle/QuickLook/Preview.pdf | Bin 314650 -> 0 bytes .../about_view.graffle/QuickLook/Thumbnail.tiff | Bin 20372 -> 0 bytes images/docs/guide/about_view.graffle/data.plist | 1450 -------------------- images/docs/guide/about_view.graffle/image3.png | Bin 4632 -> 0 bytes 4 files changed, 1450 deletions(-) delete mode 100644 images/docs/guide/about_view.graffle/QuickLook/Preview.pdf delete mode 100644 images/docs/guide/about_view.graffle/QuickLook/Thumbnail.tiff delete mode 100644 images/docs/guide/about_view.graffle/data.plist delete mode 100644 images/docs/guide/about_view.graffle/image3.png (limited to 'images/docs/guide/about_view.graffle') diff --git a/images/docs/guide/about_view.graffle/QuickLook/Preview.pdf b/images/docs/guide/about_view.graffle/QuickLook/Preview.pdf deleted file mode 100644 index a4fcacbc..00000000 Binary files a/images/docs/guide/about_view.graffle/QuickLook/Preview.pdf and /dev/null differ diff --git a/images/docs/guide/about_view.graffle/QuickLook/Thumbnail.tiff b/images/docs/guide/about_view.graffle/QuickLook/Thumbnail.tiff deleted file mode 100644 index b84dfab7..00000000 Binary files a/images/docs/guide/about_view.graffle/QuickLook/Thumbnail.tiff and /dev/null differ diff --git a/images/docs/guide/about_view.graffle/data.plist b/images/docs/guide/about_view.graffle/data.plist deleted file mode 100644 index f4ab2594..00000000 --- a/images/docs/guide/about_view.graffle/data.plist +++ /dev/null @@ -1,1450 +0,0 @@ - - - - - ActiveLayerIndex - 0 - ApplicationVersion - - com.omnigroup.OmniGrafflePro - 138.17.0.133677 - - AutoAdjust - - BackgroundGraphic - - Bounds - {{0, 0}, {756, 553}} - Class - SolidGraphic - ID - 2 - Style - - shadow - - Draws - NO - - stroke - - Draws - NO - - - - CanvasOrigin - {0, 0} - ColumnAlign - 1 - ColumnSpacing - 36 - CreationDate - 2011-03-07 13:25:43 -0800 - Creator - Kenneth Culp - DisplayScale - 1 0/72 in = 1.0000 in - GraphDocumentVersion - 6 - GraphicsList - - - Bounds - {{494, 325}, {216, 136}} - Class - ShapedGraphic - ID - 654 - Shape - Rectangle - Style - - fill - - Draws - NO - - stroke - - Draws - NO - - - Text - - Align - 0 - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fswiss\fcharset0 Helvetica;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\ql\qnatural\pardirnatural - -\f0\fs24 \cf0 Angular sets up two-way data-binding between the value of the property "foo" in the FooCtrl scope, and the input text box in the View. \ -\ -The value for the button is projected from the property "buttonText" in the FooCtrl scope to the button in the view.} - - TextPlacement - 0 - - - Bounds - {{523, 221}, {168, 20}} - Class - ShapedGraphic - ID - 653 - Shape - RoundRect - Style - - Text - - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fswiss\fcharset0 Helvetica;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural - -\f0\fs24 \cf0 buttonText: "Click me!"} - - - - Bounds - {{265, 345.5}, {175, 111}} - Class - ShapedGraphic - ID - 652 - ImageID - 3 - Shape - Rectangle - Style - - fill - - Draws - NO - - shadow - - Draws - NO - - stroke - - Draws - NO - - - - - Bounds - {{530, 199}, {156, 18}} - Class - ShapedGraphic - ID - 651 - Shape - RoundRect - Style - - Text - - Align - 0 - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fswiss\fcharset0 Helvetica;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural - -\f0\fs24 \cf0 changeFoo: Function} - - - - Class - LineGraphic - Head - - ID - 647 - - ID - 645 - Points - - {360.628, 300.478} - {360.111, 332.5} - - Style - - stroke - - GapRatio - 0.5 - HeadArrow - FilledArrow - TailArrow - 0 - Width - 4 - - - Tail - - ID - 635 - - - - Bounds - {{253, 338}, {213, 123}} - Class - ShapedGraphic - ID - 649 - Shape - Rectangle - Style - - fill - - Color - - b - 0.987952 - g - 1 - r - 0.993976 - - - stroke - - Color - - b - 1 - g - 0.199263 - r - 0.167696 - - - - - - Bounds - {{18, 325}, {216, 109}} - Class - ShapedGraphic - ID - 633 - Shape - Rectangle - Style - - fill - - Draws - NO - - stroke - - Draws - NO - - - Text - - Align - 0 - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fswiss\fcharset0 Helvetica;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\ql\qnatural\pardirnatural - -\f0\fs24 \cf0 To generate the View, angular gathers information from the Template; applies Controller functions to associated Scope objects; links Model properties to the associated Scope objects; then generates a transformed DOM, which is rendered in the browser. } - - TextPlacement - 0 - - - Class - LineGraphic - Head - - ID - 626 - - ID - 632 - Points - - {440.25, 174.747} - {511.248, 189.687} - - Style - - stroke - - HeadArrow - Arrow - Pattern - 2 - TailArrow - 0 - - - Tail - - ID - 621 - - - - Class - LineGraphic - Head - - ID - 622 - - ID - 631 - Points - - {137.5, 144.026} - {245.75, 144.081} - - Style - - stroke - - HeadArrow - FilledArrow - Pattern - 1 - TailArrow - 0 - - - Tail - - ID - 423 - - - - Class - LineGraphic - Head - - ID - 6 - - ID - 630 - Points - - {606.613, 144.5} - {606.666, 114.5} - - Style - - stroke - - Color - - b - 0.592521 - g - 1 - r - 0.367593 - - HeadArrow - FilledArrow - TailArrow - 0 - - - Tail - - ID - 626 - - - - Bounds - {{445.5, 121.5}, {107, 51}} - Class - ShapedGraphic - FontInfo - - Font - CourierNewPS-BoldMT - Size - 10 - - ID - 629 - Shape - Rectangle - Style - - fill - - Draws - NO - - stroke - - Draws - NO - - - Text - - Align - 0 - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;\f1\fmodern\fcharset0 CourierNewPS-BoldItalicMT;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\ql\qnatural\pardirnatural - -\f0\b\fs20 \cf0 Angular -\f1\i applies -\f0\i0 controller function to scope object.} - - - - Bounds - {{332, 468}, {55, 18}} - Class - ShapedGraphic - ID - 627 - Shape - Rectangle - Style - - fill - - Color - - b - 0.987952 - g - 1 - r - 0.993976 - - - stroke - - Color - - b - 1 - g - 0.199263 - r - 0.167696 - - - - Text - - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fswiss\fcharset0 Helvetica;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural - -\f0\fs28 \cf0 View} - - - - Bounds - {{142, 131.999}, {92, 14}} - Class - ShapedGraphic - FontInfo - - Font - CourierNewPS-BoldMT - Size - 10 - - ID - 616 - Shape - Rectangle - Style - - fill - - Draws - NO - - stroke - - Draws - NO - - - Text - - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural - -\f0\b\fs20 \cf0 ng:controller} - - - - Bounds - {{30, 122.498}, {107, 43.001}} - Class - ShapedGraphic - FontInfo - - Color - - b - 0 - g - 0 - r - 0 - - Font - CourierNewPS-BoldMT - Size - 10 - - ID - 423 - Shape - Rectangle - Style - - fill - - Color - - b - 0.210455 - g - 1 - r - 0.960072 - - FillType - 2 - GradientAngle - 90 - - - Text - - Align - 0 - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\ql\qnatural\pardirnatural - -\f0\b\fs20 \cf0 <body \ - ng:controller=\ - "FooCtrl">} - - - - Bounds - {{291, 16.0005}, {93, 18}} - Class - ShapedGraphic - ID - 623 - Shape - Rectangle - Style - - fill - - Color - - b - 0.987952 - g - 1 - r - 0.993976 - - - - Text - - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fswiss\fcharset0 Helvetica;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural - -\f0\fs28 \cf0 Controller} - - - - Class - Group - Graphics - - - Bounds - {{253.963, 99.2948}, {186.287, 111.704}} - Class - ShapedGraphic - FontInfo - - Font - CourierNewPSMT - Size - 12 - - ID - 621 - Shape - Rectangle - Style - - fill - - Draws - NO - - shadow - - Draws - NO - - stroke - - Color - - b - 0.106368 - g - 0.0473807 - r - 1 - - Draws - NO - - - Text - - Align - 0 - Pad - 0 - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\ql\qnatural\pardirnatural - -\f0\b\fs20 \cf0 function FooCtrl() \{\ - var scope=this;\ -\ - scope.buttonText="Click me!";\ - scope.changeFoo=function() \{\ - scope.foo="baz";\ - \}\ -\}\ -} - VerticalPad - 0 - - TextPlacement - 0 - - - Bounds - {{246.25, 94.9986}, {191.034, 98.1094}} - Class - ShapedGraphic - ID - 622 - Shape - Rectangle - Style - - stroke - - Color - - b - 0.106368 - g - 0.0473807 - r - 1 - - - - TextPlacement - 0 - - - ID - 620 - - - Bounds - {{247, 229}, {181, 20}} - Class - ShapedGraphic - FontInfo - - Font - CourierNewPS-BoldMT - Size - 10 - - ID - 609 - Shape - Rectangle - Style - - fill - - Draws - NO - - stroke - - Draws - NO - - - Text - - Align - 0 - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\ql\qnatural\pardirnatural - -\f0\b\fs20 \cf0 Angular creates the model as properties on scope objects} - - - - AllowToConnect - - Class - LineGraphic - Head - - ID - 67 - - ID - 608 - Points - - {181, 254} - {564, 254} - - Style - - stroke - - HeadArrow - FilledArrow - TailArrow - 0 - - - - - Bounds - {{84, 69.7498}, {151, 14}} - Class - ShapedGraphic - FontInfo - - Font - CourierNewPS-BoldMT - Size - 10 - - ID - 108 - Shape - Rectangle - Style - - fill - - Draws - NO - - stroke - - Draws - NO - - - Text - - Align - 0 - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\ql\qnatural\pardirnatural - -\f0\b\fs20 \cf0 ng:autobind implicitly creates a root scope} - - - - Bounds - {{85, 16.0005}, {76, 18}} - Class - ShapedGraphic - FontInfo - - Font - Helvetica - Size - 12 - - ID - 107 - Shape - Rectangle - Style - - fill - - Color - - b - 0.184718 - g - 0.972751 - r - 1 - - FillType - 2 - GradientAngle - 90 - - - Text - - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fswiss\fcharset0 Helvetica;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural - -\f0\fs28 \cf0 Template} - - - - Bounds - {{564.5, 244}, {85, 20}} - Class - ShapedGraphic - ID - 67 - Shape - RoundRect - Style - - Text - - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fswiss\fcharset0 Helvetica;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural - -\f0\fs24 \cf0 foo: "bar"} - - - - Bounds - {{30, 184}, {151, 104}} - Class - ShapedGraphic - FontInfo - - Font - CourierNewPS-BoldMT - Size - 10 - - ID - 55 - Shape - Rectangle - Style - - fill - - Color - - b - 0.210455 - g - 1 - r - 0.960072 - - FillType - 2 - GradientAngle - 90 - - - Text - - Align - 0 - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fmodern\fcharset0 CourierNewPS-BoldMT;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\ql\qnatural\pardirnatural - -\f0\b\fs20 \cf0 Foo: \ -<input name="foo"\ - value="bar" >\ -\ -<button ng:click=\ - "changeFoo()"> \ - \{\{buttonText\}\}\ -</button>\ -...} - - TextPlacement - 0 - - - Class - LineGraphic - Head - - ID - 6 - - ID - 9 - Points - - {75.5, 88.5} - {538.5, 88.5} - - Style - - stroke - - HeadArrow - FilledArrow - LineType - 1 - Pattern - 1 - TailArrow - 0 - - - Tail - - ID - 4 - - - - Bounds - {{539, 63}, {136, 51}} - Class - ShapedGraphic - ID - 6 - Shape - Circle - Style - - fill - - FillType - 2 - GradientAngle - 90 - MiddleColor - - b - 0.588235 - g - 0.917647 - r - 0.568627 - - TrippleBlend - YES - - - Text - - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fswiss\fcharset0 Helvetica;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural - -\f0\fs24 \cf0 Root Scope} - - TextPlacement - 0 - - - Bounds - {{25, 76}, {50, 25}} - Class - ShapedGraphic - ID - 4 - Shape - Rectangle - Style - - fill - - Color - - b - 0.184718 - g - 0.972751 - r - 1 - - FillType - 2 - GradientAngle - 90 - - - Text - - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fswiss\fcharset0 Helvetica;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural - -\f0\fs24 \cf0 <html>} - - - - Bounds - {{546, 16.0005}, {55, 18}} - Class - ShapedGraphic - ID - 105 - Shape - Rectangle - Style - - fill - - Color - - b - 0.987952 - g - 1 - r - 0.993976 - - - - Text - - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fswiss\fcharset0 Helvetica;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural - -\f0\fs28 \cf0 Model} - - - - Bounds - {{507, 145}, {199, 129}} - Class - ShapedGraphic - ID - 626 - Shape - Circle - Style - - fill - - FillType - 2 - GradientAngle - 90 - MiddleColor - - b - 0.588235 - g - 0.917647 - r - 0.568627 - - TrippleBlend - YES - - - Text - - Text - {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 -{\fonttbl\f0\fswiss\fcharset0 Helvetica;} -{\colortbl;\red255\green255\blue255;} -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural - -\f0\fs24 \cf0 FooCtrl Scope} - - TextPlacement - 0 - - - Bounds - {{240, 12}, {202, 281}} - Class - ShapedGraphic - ID - 641 - Shape - Rectangle - Style - - fill - - Draws - NO - - stroke - - Color - - b - 0.108711 - g - 0.0733336 - r - 1 - - - - - - Bounds - {{19, 12}, {216, 281}} - Class - ShapedGraphic - ID - 642 - Shape - Rectangle - Style - - fill - - Draws - NO - - stroke - - Color - - b - 0.367593 - g - 0.908725 - r - 1 - - - - - - Bounds - {{452, 12.2512}, {258, 280.749}} - Class - ShapedGraphic - ID - 639 - Shape - Rectangle - Style - - fill - - Draws - NO - - stroke - - Color - - b - 0.539514 - g - 1 - r - 0.463993 - - - - - - Bounds - {{245, 333}, {229, 162}} - Class - ShapedGraphic - ID - 647 - Shape - Rectangle - Style - - fill - - Draws - NO - - stroke - - Color - - b - 1 - g - 0.220862 - r - 0.208142 - - - - - - Bounds - {{10, 7}, {706, 292.978}} - Class - ShapedGraphic - ID - 635 - Shape - Rectangle - Style - - fill - - Draws - NO - - stroke - - Pattern - 12 - - - - - GridInfo - - GuidesLocked - NO - GuidesVisible - YES - HPages - 1 - ImageCounter - 4 - ImageLinkBack - - - - ImageList - - image3.png - - KeepToScale - - Layers - - - Lock - NO - Name - Layer 1 - Print - YES - View - YES - - - LayoutInfo - - Animate - NO - circoMinDist - 18 - circoSeparation - 0.0 - layoutEngine - dot - neatoSeparation - 0.0 - twopiSeparation - 0.0 - - LinksVisible - NO - MagnetsVisible - NO - MasterSheets - - ModificationDate - 2011-05-16 12:07:46 -0700 - Modifier - Kenneth Culp - NotesVisible - NO - Orientation - 2 - OriginVisible - NO - PageBreaks - YES - PrintInfo - - NSBottomMargin - - float - 41 - - NSLeftMargin - - float - 18 - - NSOrientation - - int - 1 - - NSPaperSize - - size - {792, 612} - - NSRightMargin - - float - 18 - - NSTopMargin - - float - 18 - - - PrintOnePage - - ReadOnly - NO - RowAlign - 1 - RowSpacing - 36 - SheetTitle - Canvas 1 - SmartAlignmentGuidesActive - YES - SmartDistanceGuidesActive - YES - UniqueID - 1 - UseEntirePage - - VPages - 1 - WindowInfo - - CurrentSheet - 0 - ExpandedCanvases - - - name - Canvas 1 - - - Frame - {{72, 56}, {1286, 822}} - ListView - - OutlineWidth - 142 - RightSidebar - - ShowRuler - - Sidebar - - SidebarWidth - 120 - VisibleRegion - {{-198, -57}, {1151, 668}} - Zoom - 1 - ZoomValues - - - Canvas 1 - 1 - 1 - - - - saveQuickLookFiles - YES - - diff --git a/images/docs/guide/about_view.graffle/image3.png b/images/docs/guide/about_view.graffle/image3.png deleted file mode 100644 index 967fc74b..00000000 Binary files a/images/docs/guide/about_view.graffle/image3.png and /dev/null differ -- cgit v1.2.3