SNOWFLAKES DRAWING PAPER

[AngularJS] AngularJS 익히기 본문

개발/AngularJS

[AngularJS] AngularJS 익히기

눈송2 2015. 2. 14. 21:51


출처 : http://curran.github.io/screencasts/introToAngular/exampleViewer



자연스럽게 익히게끔 단계별 예제를 만들어놨네요... 익히면서 이해쉽게 할 수 있어 괜찮은듯...




50 Angular.js Examples

by Curran Kelleher


  • Example 1 - Starter HTML page with a text input
  • Example 2 - Added keyup event listener on textInput.
  • Example 3 - Extracting text from the text input as it changes.
  • Example 4 - Updating a span when input text changes using the DOM API.
  • Example 5 - Updating a span when input text changes using jQuery.
  • Example 6 - Updating a span when input text changes using Backbone.
  • Example 7 - Updating a template when input text changes using Angular.
  • Example 8 - Data binding with many text inputs.
  • Example 9 - First name and last name.
  • Example 10 - Initializing the model using an Angular controller, defined with a global function.
  • Example 11 - Initializing the model using an Angular controller, defined within an Angular module.
  • Example 12 - Changing scope values asynchronously - updates don't propagate without .apply().
  • Example 13 - Changing scope values asynchronously - updates propagate .apply().
  • Example 14 - Looping over lists in templates using ng-repeat.
  • Example 15 - Adding entries to a list using forms and ng-submit.
  • Example 16 - Clearing the entered name on submit using data binding.
  • Example 17 - Removing names from a list using ng-click.
  • Example 18 - Enumerating objects - countries and their populations.
  • Example 19 - Building a table.
  • Example 20 - Fetching JSON.
  • Example 21 - Dependency injection syntax for minification.
  • Example 22 - Adding search using Angular filters.
  • Example 23 - Sorting in ng-repeat using orderBy
  • Example 24 - Sorting in descending order
  • Example 25 - Sorting table columns interactively.
  • Example 26 - Interactively reversing sort order.
  • Example 27 - Adding country flag images.
  • Example 28 - Using ng-src.
  • Example 29 - Adding capital data.
  • Example 30 - Adding GDP data
  • Example 31 - Formatting currency using Angular filters in templates.
  • Example 32 - Formatting population using Angular filters in templates.
  • Example 33 - Preparing for routing - making a simple country listing.
  • Example 34 - Getting started with routing using ngRoute
  • Example 35 - Moving templates for routes into separate files
  • Example 36 - Extracting and using parameters from routes
  • Example 37 - Using links with routes for navigation between views
  • Example 38 - Looking up details for a single country
  • Example 39 - Surfacing data on the country details page
  • Example 40 - Creating a service for loading the list of countries
  • Example 41 - Extracting the country details query into a service
  • Example 42 - Caching JSON data in a service.
  • Example 43 - Caching JSON using cache option
  • Example 44 - Creating a custom filter to encode URIs
  • Example 45 - Simulating a RESTful service by splitting the JSON data across files.
  • Example 46 - Creating a custom Angular directive for country entries.
  • Example 47 - Adding a controller to our custom directive
  • Example 48 - Fetching data within custom directives - adding flags to the country listing.
  • Example 49 - Extracting controllers into a separate module
  • Example 50 - Extracting factories and directives to separate modules using method chaining.


Comments