book

AngularJS

by Shyam Seshadri, Brad Green

April 2013

Beginner to intermediate

196 pages

4h 36m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Conventions Used in This BookUsing Code ExamplesSafari® Books OnlineHow to Contact UsAcknowledgments
ConceptsClient-Side TemplatesModel View Controller (MVC)Data BindingDependency InjectionDirectivesAn Example: Shopping CartUp Next
Invoking AngularLoading the ScriptDeclaring Angular’s Boundaries with ng-appModel View ControllerTemplates and Data BindingDisplaying TextForm InputsA Few Words on Unobtrusive JavaScriptLists, Tables, and Other Repeated ElementsHiding and ShowingCSS Classes and StylesConsiderations for src and href AttributesExpressionsSeparating UI Responsibilities with ControllersPublishing Model Data with ScopesObserving Model Changes with $watchPerformance Considerations in watch()Watching multiple thingsOrganizing Dependencies with ModulesHow Many Modules Do I Need?Formatting Data with FiltersChanging Views with Routes and $locationindex.htmllist.htmldetail.htmlcontrollers.jsTalking to ServersChanging the DOM with Directivesindex.htmlcontrollers.jsValidating User InputMoving On
Project OrganizationToolsIDEsRunning Your ApplicationWith YeomanWithout YeomanTesting with AngularJSKarmaUnit TestsEnd-to-End/Integration TestsCompilationOther Awesome ToolsDebuggingBatarangModel tabPerformance tabService dependenciesElements properties and console accessYeoman: Optimizing Your WorkflowInstalling YeomanStarting a Fresh AngularJS projectRunning Your ServerAdding New Routes, Views, and ControllersThe Testing StoryBuilding Your ProjectIntegrating AngularJS with RequireJS
The ApplicationRelationship Between Model, Controller, and TemplateThe ModelControllers, Directives, and Services, Oh My!ServicesDirectivesControllersThe TemplatesThe TestsUnit TestsScenario Tests
Communicating Over $httpConfiguring Your Request FurtherSetting HTTP HeadersCaching ResponsesTransformations on Requests and ResponsesUnit TestingWorking with RESTful ResourcesThe DeclarationCustom MethodsNo Callbacks! (Unless You Really Want Them)Simplified Server-Side OperationsUnit Test the ngResourceThe $q and the PromiseResponse InterceptionSecurity ConsiderationsJSON VulnerabilityXSRF
Directives and HTML ValidationAPI OverviewNaming Your DirectiveThe Directive Definition ObjectrestrictPrioritiesTemplatesTransclusionCompile and Link FunctionsScopesManipulating DOM ElementsControllersMoving On
$locationHTML5 Mode and Hashbang ModeAngularJS Module MethodsWhere’s the Main Method?Loading and DependenciesConvenience MethodsCommunicating Between Scopes with $on, $emit, and $broadcastCookiesInternationalization and LocalizationWhat Can I Do in AngularJS?How Do I Get It All Working?Common GotchasSanitizing HTML & the Sanitize ModuleLinky
Wrapping a jQuery Datepickerng-modelBinding selectCalling selectThe Rest of the ExampleThe Teams List App: Filtering and Controller CommunicationThe Search BoxThe Combo BoxesThe Check BoxThe RepeaterFile Upload in AngularJSUsing Socket.IOA Simple Pagination ServiceWorking with Servers and LoginConclusion

Overview

Develop smaller, lighter web apps that are simple to create and easy to test, extend, and maintain as they grow. This hands-on guide introduces you to AngularJS, the open source JavaScript framework that uses Model–view–controller (MVC) architecture, data binding, client-side templates, and dependency injection to create a much-needed structure for building web apps.