{
  "TopBar": [
    {
      "url": "features",
      "title": "Features"
    },
    {
      "url": "docs",
      "title": "Docs"
    },
    {
      "url": "resources",
      "title": "Resources"
    },
    {
      "url": "events",
      "title": "Events"
    },
    {
      "url": "https://blog.angular.io/",
      "title": "Blog"
    }
  ],

  "TopBarNarrow": [
    {
      "title": "About Angular",
      "children": [
        {
          "url": "features",
          "title": "Features"
        },
        {
          "url": "resources",
          "title": "Resources"
        },
        {
          "url": "events",
          "title": "Events"
        },
        {
          "url": "https://blog.angular.io/",
          "title": "Blog"
        }
      ]
    }
  ],

  "SideNav": [
    {
      "url": "docs",
      "title": "Docs",
      "tooltip": "Angular Documentation",
      "hidden": true
    },

    {
      "url": "guide/docs-style-guide",
      "title": "Doc authors style guide",
      "tooltip": "Style guide for documentation authors",
      "hidden": true
    },

    {
      "url": "guide/webpack",
      "title": "Webpack: An Introduction",
      "hidden": true
    },

    {
      "url": "guide/quickstart",
      "title": "Getting Started",
      "tooltip": "A gentle introduction to Angular."
    },

    {
      "title": "Tutorial",
      "tooltip": "The Tour of Heroes tutorial takes you through the steps of creating an Angular application in TypeScript.",
      "children": [
        {
          "url": "tutorial",
          "title": "1. Introduction",
          "tooltip": "Part 1: Introduction to the Tour of Heroes tutorial"
        },
        {
          "url": "tutorial/toh-pt1",
          "title": "2. The Hero Editor",
          "tooltip": "Part 2: Build a simple hero editor"
        },
        {
          "url": "tutorial/toh-pt2",
          "title": "3. Master/Detail",
          "tooltip": "Part 3: Build a master/detail page with a list of heroes."
        },
        {
          "url": "tutorial/toh-pt3",
          "title": "4. Multiple Components",
          "tooltip": "Part 4: Refactor the master/detail view into separate components."
        },
        {
          "url": "tutorial/toh-pt4",
          "title": "5. Services",
          "tooltip": "Part 5: Create a reusable service to manage hero data."
        },
        {
          "url": "tutorial/toh-pt5",
          "title": "6. Routing",
          "tooltip": "Part 6: Add the Angular router and navigate among the views."
        },
        {
          "url": "tutorial/toh-pt6",
          "title": "7. HTTP",
          "tooltip": "Part 7: Use HTTP to retrieve and save hero data."
        }
      ]
    },

    {
      "title": "Fundamentals",
      "tooltip": "The fundamentals of Angular",
      "children": [
        {
          "url": "guide/architecture",
          "title": "Architecture",
          "tooltip": "The basic building blocks of Angular applications."
        },
        {
          "title": "Template & Data Binding",
          "tooltip": "Template & Data Binding",
          "children": [
            {
              "url": "guide/displaying-data",
              "title": "Displaying Data",
              "tooltip": "Property binding helps show app data in the UI."
            },
            {
              "url": "guide/template-syntax",
              "title": "Template Syntax",
              "tooltip": "Learn how to write templates that display data and consume user events with the help of data binding."
            },
            {
              "url": "guide/lifecycle-hooks",
              "title": "Lifecycle Hooks",
              "tooltip": "Angular calls lifecycle hook methods on directives and components as it creates, changes, and destroys them."
            },
            {
              "url": "guide/component-interaction",
              "title": "Component Interaction",
              "tooltip": "Share information between different directives and components."
            },
            {
              "url": "guide/component-styles",
              "title": "Component Styles",
              "tooltip": "Add CSS styles that are specific to a component."
            },
            {
              "url": "guide/dynamic-component-loader",
              "title": "Dynamic Components",
              "tooltip": "Load components dynamically."
            },
            {
              "url": "guide/attribute-directives",
              "title": "Attribute Directives",
              "tooltip": "Attribute directives attach behavior to elements."
            },
            {
              "url": "guide/structural-directives",
              "title": "Structural Directives",
              "tooltip": "Structural directives manipulate the layout of the page."
            },
            {
              "url": "guide/pipes",
              "title": "Pipes",
              "tooltip": "Pipes transform displayed values within a template."
            },
            {
              "url": "guide/animations",
              "title": "Animations",
              "tooltip": "A guide to Angular's animation system."
            }
          ]
        },
        {
          "title": "Forms",
          "tooltip": "Angular Forms",
          "children": [
            {
              "url": "guide/user-input",
              "title": "User Input",
              "tooltip": "User input triggers DOM events. We listen to those events with event bindings that funnel updated values back into our components and models."
            },
            {
              "url": "guide/forms",
              "title": "Template-driven Forms",
              "tooltip": "A form creates a cohesive, effective, and compelling data entry experience. An Angular form coordinates a set of data-bound user controls, tracks changes, validates input, and presents errors."
            },
            {
              "url": "guide/form-validation",
              "title": "Form Validation",
              "tooltip": "Validate user's form entries."
            },
            {
              "url": "guide/reactive-forms",
              "title": "Reactive Forms",
              "tooltip": "Create a reactive form using FormBuilder, groups, and arrays."
            },
            {
              "url": "guide/dynamic-form",
              "title": "Dynamic forms",
              "tooltip": "Render dynamic forms with FormGroup."
            }
          ]
        },

        {
          "url": "guide/bootstrapping",
          "title": "Bootstrapping",
          "tooltip": "Tell Angular how to construct and bootstrap the app in the root \"AppModule\"."
        },

        {
          "title": "NgModules",
          "tooltip": "Learn how to use NgModules to make your apps efficient.",
          "children": [
            {
              "url": "guide/ngmodule",
              "title": "NgModules",
              "tooltip": "Define application modules with @NgModule."
            },
            {
              "url": "guide/ngmodule-faq",
              "title": "NgModule FAQs",
              "tooltip": "Answers to frequently asked questions about @NgModule."
            }
        ]},

        {
          "title": "Dependency Injection",
          "tooltip": "Dependency Injection: creating and injecting services",
          "children": [
            {
              "url": "guide/dependency-injection",
              "title": "Dependency Injection",
              "tooltip": "Angular's dependency injection system creates and delivers dependent services \"just-in-time\"."
            },
            {
              "url": "guide/hierarchical-dependency-injection",
              "title": "Hierarchical Injectors",
              "tooltip": "Angular's hierarchical dependency injection system supports nested injectors in parallel with the component tree."
            },
            {
              "url": "guide/dependency-injection-in-action",
              "title": "DI in Action",
              "tooltip": "Techniques for Dependency Injection."
            }
          ]
        },

        {
          "url": "guide/http",
          "title": "HttpClient",
          "tooltip": "Use HTTP to talk to a remote server."
        },
        {
          "url": "guide/router",
          "title": "Routing & Navigation",
          "tooltip": "Discover the basics of screen navigation with the Angular Router."
        },
        {
          "url": "guide/testing",
          "title": "Testing",
          "tooltip": "Techniques and practices for testing an Angular app."
        },
        {
          "url": "guide/cheatsheet",
          "title": "Cheat Sheet",
          "tooltip": "A quick guide to common Angular coding techniques."
        }
    ]},

    {
      "title": "Techniques",
      "tooltip": "Techniques for putting Angular to work in your environment",
      "children": [

        {
          "url": "guide/i18n",
          "title": "Internationalization (i18n)",
          "tooltip": "Translate the app's template text into multiple languages."
        },
        {
          "url": "guide/language-service",
          "title": "Language Service",
          "tooltip": "Use Angular Language Service to speed up dev time."
        },
        {
          "url": "guide/security",
          "title": "Security",
          "tooltip": "Developing for content security in Angular applications."
        },
        {
          "title": "Setup & Deployment",
          "tooltip": "Setup and Deployment",
          "children": [
            {
              "url": "guide/setup",
              "title": "Setup for local development",
              "tooltip": "Install the Angular QuickStart seed for faster, more efficient development on your machine."
            },
            {
              "url": "guide/setup-systemjs-anatomy",
              "title": "Anatomy of the Setup",
              "tooltip": "Inside the local development environment for SystemJS."
            },
            {
              "url": "guide/browser-support",
              "title": "Browser Support",
              "tooltip": "Browser support and polyfills guide."
            },
            {
              "url": "guide/npm-packages",
              "title": "Npm Packages",
              "tooltip": "Recommended npm packages, and how to specify package dependencies."
            },

            {
              "url": "guide/typescript-configuration",
              "title": "TypeScript Configuration",
              "tooltip": "TypeScript configuration for Angular developers."
            },
            {
              "url": "guide/aot-compiler",
              "title": "Ahead-of-Time Compilation",
              "tooltip": "Learn why and how to use the Ahead-of-Time (AOT) compiler."
            },
            {
              "url": "guide/metadata",
              "title": "Metadata and AOT",
              "tooltip": "How Angular handles metadata with AOT."
            },
            {
              "url": "guide/deployment",
              "title": "Deployment",
              "tooltip": "Learn how to deploy your Angular app."
            }
          ]
        },

        {
          "title": "Upgrading",
          "tooltip": "Incrementally upgrade an AngularJS application to Angular.",
          "children": [
            {
              "url": "guide/upgrade",
              "title": "Upgrading from AngularJS",
              "tooltip": "Incrementally upgrade an AngularJS application to Angular."
            },
            {
              "url": "guide/ajs-quick-reference",
              "title": "Upgrade Cheatsheet",
              "tooltip": "Learn how AngularJS concepts and techniques map to Angular."
            }
          ]
        },
        {
          "url": "guide/universal",
          "title": "Server-side Rendering",
          "tooltip": "Render HTML server-side with Angular Universal."
        },
        {
          "url": "guide/visual-studio-2015",
          "title": "Visual Studio 2015 QuickStart",
          "tooltip": "Use Visual Studio 2015 with the QuickStart files."
        },
        {
          "url": "guide/styleguide",
          "title": "Style Guide",
          "tooltip": "Write Angular with style."
        },
        {
          "url": "guide/glossary",
          "title": "Glossary",
          "tooltip": "Brief definitions of the most important words in the Angular vocabulary."
        }
      ]
    },

    {
      "title": "API",
      "tooltip": "Details of the Angular classes and values.",
      "url": "api"
    },
    {
      "url": "guide/change-log",
      "title": "Change Log",
      "tooltip": "Angular Documentation Change Log",
      "hidden": true
    }
  ],

  "Footer": [
    {
      "title": "Resources",
      "children": [
        {
          "url": "about",
          "title": "About",
          "tooltip": "Angular contributors."
        },
        {
          "url": "resources",
          "title": "Resource Listing",
          "tooltip": "Angular tools, training, and blogs from around the web."
        },
        {
          "url": "presskit",
          "title": "Press Kit",
          "tooltip": "Press contacts, logos, and branding."
        },
        {
          "url": "https://blog.angular.io/",
          "title": "Blog",
          "tooltip": "Angular Blog"
        }
      ]
    },
    {
      "title": "Help",
      "children": [
        {
          "url": "https://stackoverflow.com/questions/tagged/angular",
          "title": "Stack Overflow",
          "tooltip": "Stack Overflow: where the community answers your technical Angular questions."
        },
        {
          "url": "https://gitter.im/angular/angular",
          "title": "Gitter",
          "tooltip": "Chat about Angular with other birds of a feather."
        },
        {
          "url": "https://github.com/angular/angular/issues",
          "title": "Report Issues",
          "tooltip": "Post issues and suggestions on github."
        },
        {
          "url": "https://github.com/angular/code-of-conduct/blob/master/CODE_OF_CONDUCT.md",
          "title": "Code of Conduct",
          "tooltip": "Treating each other with respect."
        }
      ]
    },
    {
      "title": "Community",
      "children": [
        {
          "url": "events",
          "title": "Events",
          "tooltip": "Post issues and suggestions on github."
        },
        {
          "url": "http://www.meetup.com/topics/angularjs/",
          "title": "Meetups",
          "tooltip": "Attend a meetup and learn from fellow developers."
        },
        {
          "url": "https://twitter.com/angular",
          "title": "Twitter",
          "tooltip": "Twitter"
        },
        {
          "url": "https://github.com/angular/angular",
          "title": "GitHub",
          "tooltip": "GitHub"
        },
        {
          "url": "contribute",
          "title": "Contribute",
          "tooltip": "Contribute to Angular"
        }
      ]
    },
    {
      "title": "Languages",
      "children": [
        {
          "title": "中文版",
          "url": "https://angular.cn/"
        }
      ]
    }
  ],

  "docVersions": [
    { "title": "v2", "url": "https://v2.angular.io" },
    { "title": "AngularDart", "url": "https://webdev.dartlang.org/angular" }

  ]
}