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