angular-cn/aio/content/navigation.json

{
  "TopBar": [
    {
      "url": "features",
      "title": "特性"
    },
    {
      "url": "docs",
      "title": "文档"
    },
    {
      "url": "resources",
      "title": "资源"
    },
    {
      "url": "events",
      "title": "会议"
    },
    {
      "url": "https://blog.angular.io/",
      "title": "博客"
    },
    {
      "url": "translations/cn/home",
      "title": "关于中文版"
    }
  ],
  "TopBarNarrow": [
    {
      "title": "关于 Angular",
      "children": [
        {
          "url": "features",
          "title": "特性"
        },
        {
          "url": "resources",
          "title": "资源"
        },
        {
          "url": "events",
          "title": "会议"
        },
        {
          "url": "https://blog.angular.io/",
          "title": "博客"
        }
      ]
    }
  ],
  "SideNav": [
    {
      "url": "docs",
      "title": "文档",
      "tooltip": "Angular 开发文档",
      "hidden": true
    },
    {
      "url": "guide/docs-style-guide",
      "title": "文档风格指南",
      "tooltip": "给文档作者的风格指南。",
      "hidden": true
    },

    {
      "url": "guide/quickstart",
      "title": "快速上手",
      "tooltip": "对 Angular 和 Angular CLI 基础知识的简短介绍"
    },
    {
      "title": "教程",
      "tooltip": "此《英雄指南》教程会带你用 TypeScript 一步步创建一个 Angular 应用。",
      "children": [
        {
          "url": "tutorial",
          "title": "简介",
          "tooltip": "《英雄指南》教程简介"
        },
        {
          "url": "tutorial/toh-pt0",
          "title": "应用的“外壳”",
          "tooltip": "创建应用的外壳"
        },
        {
          "url": "tutorial/toh-pt1",
          "title": "1. 英雄编辑器",
          "tooltip": "第一部分：构建一个简单的英雄编辑器"
        },
        {
          "url": "tutorial/toh-pt2",
          "title": "2. 显示英雄列表",
          "tooltip": "第二部分：构建一个主从结构的页面，用于展现英雄列表。"
        },
        {
          "url": "tutorial/toh-pt3",
          "title": "3. 主从组件",
          "tooltip": "第三部分：把主从结构的页面重构成多个组件。"
        },
        {
          "url": "tutorial/toh-pt4",
          "title": "4. 服务",
          "tooltip": "第四部分：创建一个可复用的服务来管理英雄数据。"
        },
        {
          "url": "tutorial/toh-pt5",
          "title": "5. 路由",
          "tooltip": "第五部分：添加 Angular 路由器，并且学习在视图之间导航。"
        },
        {
          "url": "tutorial/toh-pt6",
          "title": "6. HTTP",
          "tooltip": "第六部分：通过 HTTP 来获取并保存英雄数据。"
        }
      ]
    },
    {
      "title": "核心知识",
      "tooltip": "学习 Angular 的核心知识",
      "children": [
        {
          "title": "架构",
          "tooltip": "Angular 应用的基本构造块。",
          "children": [
            {
              "url": "guide/architecture",
              "title": "架构概览",
              "tooltip": "Angular 应用的基本构造块"
            },
            {
              "url": "guide/architecture-modules",
              "title": "模块（NgModule）简介",
              "tooltip": "关于模块。"
            },
            {
              "url": "guide/architecture-components",
              "title": "组件简介",
              "tooltip": "关于组件、模板和视图。"
            },
            {
              "url": "guide/architecture-services",
              "title": "服务与 DI 简介",
              "tooltip": "关于服务与依赖注入。"
            },
            {
              "url": "guide/architecture-next-steps",
              "title": "后续步骤",
              "tooltip": "学完基础知识之后……"
            }
          ]
        },
        {
          "title": "组件与模板",
          "tooltip": "使用数据绑定构建动态视图",
          "children": [
            {
              "url": "guide/displaying-data",
              "title": "显示数据",
              "tooltip": "属性绑定可以帮助应用把数据显示在界面上"
            },
            {
              "url": "guide/template-syntax",
              "title": "模板语法",
              "tooltip": "学习如何写模板，以便借助数据绑定机制显示数据并响应事件。"
            },
            {
              "url": "guide/user-input",
              "title": "用户输入",
              "tooltip": "用户输入会触发 DOM 事件。Angular 会通过事件绑定来监听那些事件，并把修改后的值传回应用的组件和模型中。"
            },
            {
              "url": "guide/lifecycle-hooks",
              "title": "生命周期钩子",
              "tooltip": "Angular 调用指令和组件的生命周期钩子函数，包括它的创建、变更和销毁时。"
            },
            {
              "url": "guide/component-interaction",
              "title": "组件交互",
              "tooltip": "在不同的指令和组件之间共享信息"
            },
            {
              "url": "guide/component-styles",
              "title": "组件样式",
              "tooltip": "添加专属于某个组件的样式"
            },
            {
              "url": "guide/elements",
              "title": "Angular 自定义元素",
              "tooltip": "把组件转换成自定义元素。"
            },
            {
              "url": "guide/dynamic-component-loader",
              "title": "动态组件",
              "tooltip": "动态加载组件"
            },
            {
              "url": "guide/attribute-directives",
              "title": "属性型指令",
              "tooltip": "属性型指令把行为添加到现有元素上。"
            },
            {
              "url": "guide/structural-directives",
              "title": "结构型指令",
              "tooltip": "结构型指令可以操纵页面的布局"
            },
            {
              "url": "guide/pipes",
              "title": "管道",
              "tooltip": "管道可以在模板中转换显示的内容。"
            }
          ]
        },
        {
          "title": "表单",
          "tooltip": "Angular 的表单",
          "children": [
            {
              "url": "guide/forms-overview",
              "title": "简介",
              "tooltip": "表单可以创建集中、高效、引人注目的输入体验。Angular 表单可以协调一组数据绑定控件，跟踪变更，验证输入，并表达错误信息。"
            },
            {
              "url": "guide/reactive-forms",
              "title": "响应式表单",
              "tooltip": "使用 FormBuilder、表单组和表单数组创建响应式表单。"
            },
            {
              "url": "guide/forms",
              "title": "模板驱动表单",
              "tooltip": "使用指令和 Angular 模板语法创建模板驱动表单。"
            },
            {
              "url": "guide/form-validation",
              "title": "表单验证",
              "tooltip": "验证用户的表单输入"
            },
            {
              "url": "guide/dynamic-form",
              "title": "动态表单",
              "tooltip": "使用 FormGroup 渲染动态表单。"
            }
          ]
       },
       {
          "title": "Observable 与 RxJS",
          "tooltip": "Observable 与 RxJS",
          "children": [
            {
              "url": "guide/observables",
              "title": "可观察对象(Observable)",
              "tooltip": ""
            },
            {
              "url": "guide/rx-library",
              "title": "RxJS 库",
              "tooltip": ""
            },
            {
              "url": "guide/observables-in-angular",
              "title": "Angular 中的可观察对象",
              "tooltip": ""
            },
            {
              "url": "guide/practical-observable-usage",
              "title": "用法实战",
              "tooltip": ""
            },
            {
              "url": "guide/comparing-observables",
              "title": "与其它技术的比较",
              "tooltip": ""
            }
          ]
        },
        {
          "url": "guide/bootstrapping",
          "title": "引导启动",
          "tooltip": "在应用的根模块（AppModule）中告诉 Angular 如何构造并引导引用。"
        },
        {
          "title": "Angular 模块",
          "tooltip": "Angular 中的模块",
          "children": [
            {
              "url": "guide/ngmodules",
              "title": "NgModule 简介",
              "tooltip": "使用 NgModule 让你的应用更高效"
            },
            {
              "url": "guide/ngmodule-vs-jsmodule",
              "title": "JS 模块 vs NgModule",
              "tooltip": "JavaScript 模块和 NgModule 之间的差异"
            },
            {
              "url": "guide/frequent-ngmodules",
              "title": "常用模块",
              "tooltip": "介绍最常用的 Angular 模块"
            },
            {
              "url": "guide/module-types",
              "title": "特性模块的分类",
              "tooltip": "介绍特性模块的几种类型"
            },
            {
              "url": "guide/entry-components",
              "title": "入口组件",
              "tooltip": "关于 Angular 中入口组件的一切"
            },
            {
              "url": "guide/feature-modules",
              "title": "特性模块",
              "tooltip": "创建特性模块，以组织你的代码"
            },
            {
              "url": "guide/providers",
              "title": "服务提供商",
              "tooltip": "服务提供商与 Angular 模块"
            },
            {
              "url": "guide/singleton-services",
              "title": "单例应用",
              "tooltip": "创建单例应用"
            },
            {
              "url": "guide/lazy-loading-ngmodules",
              "title": "惰性加载的特性模块",
              "tooltip": "惰性加载模块，以提高应用的性能"
            },
            {
              "url": "guide/sharing-ngmodules",
              "title": "共享 Angular 模块",
              "tooltip": "共享 Angular 模块让你的应用现代化。"
            },
            {
              "url": "guide/ngmodule-api",
              "title": "NgModule API",
              "tooltip": "理解 NgModule 的那些细节。"
            },
            {
              "url": "guide/ngmodule-faq",
              "title": "NgModule 常见问题",
              "tooltip": "回答关于 NgModules 的常见问题。"
            }
          ]
        },
        {
          "title": "依赖注入",
          "tooltip": "依赖注入：创建并注入各种服务。",
          "children": [
            {
              "url": "guide/dependency-injection",
              "title": "Angular 依赖注入",
              "tooltip": "Angular 的依赖注入系统能够为 Angular 创建的类创建并交付它们所依赖的服务。"
            },
            {
              "url": "guide/hierarchical-dependency-injection",
              "title": "多级注入器",
              "tooltip": "与组件树平行的注入器树，并支持嵌套的依赖。"
            },
            {
              "url": "guide/dependency-injection-providers",
              "title": "DI 提供商",
              "tooltip": "各种提供商类型的更多知识。"
            },
            {
              "url": "guide/dependency-injection-in-action",
              "title": "DI 实战",
              "tooltip": "依赖注入的使用技巧"
            },
            {
              "url": "guide/dependency-injection-navtree",
              "title": "在组件树中导航",
              "tooltip": "使用注入器树来查找父组件。"
            }
          ]
        },
        {
          "url": "guide/http",
          "title": "HttpClient",
          "tooltip": "通过 HTTP 协议与远程服务器对话。"
        },
        {
          "url": "guide/router",
          "title": "路由与导航",
          "tooltip": "揭示如何通过 Angular 路由进行基本的屏幕导航。"
        },
        {
          "title": "动画",
          "tooltip": "Angular 动画系统指南",
          "children": [
            {
              "url": "guide/animations",
              "title": "简介",
              "tooltip": "Angular 动画的基础技术。"
            },
            {
              "url": "guide/transition-and-triggers",
              "title": "转场与触发器",
              "tooltip": "转场与触发器的高级技术。"
            },
            {
              "url": "guide/complex-animation-sequences",
              "title": "复杂序列",
              "tooltip": "复杂的 Angular 动画序列。"
            },
            {
              "url": "guide/reusable-animations",
              "title": "可复用动画",
              "tooltip": "创建可复用的动画。"
            },
            {
              "url": "guide/route-animations",
              "title": "路由转场动画",
              "tooltip": "为路由提供转场动画。"
            }
          ]
        }
      ]
    },

    {
      "title": "其它技术",
      "tooltip": "把 Angular 用到你的实际工作中的一些技巧",
      "children": [

        {
          "url": "guide/security",
          "title": "安全",
          "tooltip": "Angular 应用开发中的安全技术。"
        },
        {
          "url": "guide/i18n",
          "title": "国际化 (i18n)",
          "tooltip": "把应用模板中的文本翻译成多种语言。"
        },

        {
          "title": "Service Worker 与 PWA",
          "tooltip": "Angular Service Worker: 控制应用资源的缓存。",
          "children": [
            {
              "url": "guide/service-worker-intro",
              "title": "简介",
              "tooltip": "Angular 对 Service Worker 的实现提升了慢速或不稳定的网络连接下的用户体验。"
            },
            {
              "url": "guide/service-worker-getting-started",
              "title": "快速起步",
              "tooltip": "在 CLI 项目中启用 Service Worker，并在浏览器中查看效果。"
            },
            {
              "url": "guide/service-worker-communications",
              "title": "与 Service Worker 通讯",
              "tooltip": "那些能让你和 Angular 的 Service Worker 通讯的服务类。"
            },
            {
              "url": "guide/service-worker-devops",
              "title": "生产环境下的 Service Worker",
              "tooltip": "使用 Service Worker 运行应用、管理应用更新、调试以及杀掉正在运行的应用。"
            },
            {
              "url": "guide/service-worker-config",
              "title": "Service Worker 配置",
              "tooltip": "配置 Service Worker 的缓存行为。"
            }
          ]
        },
        {
          "url": "guide/universal",
          "title": "服务端渲染",
          "tooltip": "使用 Angular Universal 在服务端渲染 HTML。"
        },
        {
          "title": "从 AngularJS 升级",
          "tooltip": "把 AngularJS 应用增量式的升级到 Angular。",
          "children": [
            {
              "url": "guide/upgrade",
              "title": "升级步骤",
              "tooltip": "把 AngularJS 应用增量式的升级到 Angular。"
            },
            {
              "url": "guide/upgrade-performance",
              "title": "提高升级效率",
              "tooltip": "用更灵活的方式把 AngularJS 升级到 Angular"
            },
            {
              "url": "guide/ajs-quick-reference",
              "title": "AngularJS 与 Angular 的概念对照",
              "tooltip": "学习如何把 AngularJS 的概念映射到 Angular 中。"
            }
          ]
        }
      ]
    },

    {
      "title": "环境搭建与部署",
      "tooltip": "关于环境搭建、构建、测试、部署环境与工具的信息。",
      "children": [

        {
          "title": "CLI 命令参考手册",
          "tooltip": "CLI 简介与命令列表",
          "children": [
            {
              "url": "cli",
              "title": "CLI 简介",
              "tooltip": "CLI 简介"
            },
            {
              "url": "cli/add",
              "title": "add",
              "tooltip": "为项目添加外部库支持。"
            },
            {
              "url": "cli/build",
              "title": "build    ( b )",
              "tooltip": "把 Angular 应用编译到指定路径下一个名为 dist/ 的输出目录下。必须在工作空间目录下执行它。"
            },
            {
              "url": "cli/config",
              "title": "config",
              "tooltip": "接收或设置 Angular CLI 参数"
            },
            {
              "url": "cli/doc",
              "title": "doc    ( d )",
              "tooltip": "在浏览器中打开 Angular 官方网站（angular.io），并搜索指定的关键字。"
            },
            {
              "url": "cli/e2e",
              "title": "e2e    ( e )",
              "tooltip": "构建并启动 Angular 应用，然后使用 Protractor 运行端到端测试。"
            },
            {
              "url": "cli/generate",
              "title": "generate    ( g )",
              "tooltip": "根据原理图（schematic）生成或修改文件。"
            },
            {
              "url": "cli/help",
              "title": "help",
              "tooltip": "列出可用的命令及其简写形式。"
            },
            {
              "url": "cli/lint",
              "title": "lint    ( l )",
              "tooltip": "对指定项目目录下的 Angular 应用代码运行风格检查工具。"
            },
            {
              "url": "cli/new",
              "title": "new    ( n )",
              "tooltip": "创建新的工作空间，并初始化 Angular 项目。"
            },
            {
              "url": "cli/run",
              "title": "run",
              "tooltip": "执行项目中定义的定制化目标。"
            },
            {
              "url": "cli/serve",
              "title": "serve    ( s )",
              "tooltip": "构建并运行应用，每当文件变化时都重新构建。"
            },
            {
              "url": "cli/test",
              "title": "test    ( t )",
              "tooltip": "在项目中运行单元测试。"
            },
            {
              "url": "cli/update",
              "title": "update",
              "tooltip": "升级你的应用及其依赖，参见 https://update.angular.io/。"
            },
            {
              "url": "cli/version",
              "title": "version    ( v )",
              "tooltip": "输出 Angular CLI 的版本。"
            },
            {
              "url": "cli/xi18n",
              "title": "xi18n",
              "tooltip": "从源码中提取出 i18n 信息。"
            }
          ]
        },

        {
          "url": "guide/setup",
          "title": "搭建本地开发环境",
          "tooltip": "安装 Angular 快速起步种子工程，以便在你的电脑上更快、更高效的开发。",
          "hidden": true
        },

        {
          "url": "guide/file-structure",
          "title": "项目文件结构",
          "tooltip": "Angular 工作空间在文件系统中是怎样的。"
        },
        {
          "url": "guide/npm-packages",
          "title": "npm 包",
          "tooltip": "会默认安装到项目中的 npm 包的说明。"
        },
        {
          "url": "guide/typescript-configuration",
          "title": "TypeScript 配置",
          "tooltip": "给 Angular 开发者的 TypeScript 配置。"
        },
        {
          "url": "guide/aot-compiler",
          "title": "预先（AOT）编译",
          "tooltip": "了解为何以及如何使用预先（AOT）编译器。"
        },
        {
          "url": "guide/build",
          "title": "构建与启动开发服务器",
          "tooltip": "构建应用及为应用启动开发服务器。"
        },
        {
          "url": "guide/testing",
          "title": "测试",
          "tooltip": "测试 Angular 应用的技巧与实践。"
        },
        {
          "url": "guide/deployment",
          "title": "发布",
          "tooltip": "了解如何部署 Angular 应用。"
        },
        {
          "url": "guide/browser-support",
          "title": "浏览器支持",
          "tooltip": "浏览器支持与腻子脚本指南。"
        },

        {
          "title": "开发工具集成",
          "tooltip": "整合开发环境和工具。",
          "children": [
           {
             "url": "guide/language-service",
             "title": "语言服务",
             "tooltip": "使用 Angular 语言服务加速开发。"
           },
           {
             "url": "guide/visual-studio-2015",
             "title": "Visual Studio 2015",
             "tooltip": "在 Visual Studio 2015 中使用 Angular。",
             "hidden": true
           }
          ]
        }
     ]
    },


    {
      "title": "发布信息",
      "tooltip": "Angular 的版本发布实践、更新与升级。",
      "children": [
        {
          "url": "guide/releases",
          "title": "Angular 发布策略与实践",
          "tooltip": "Angular 的版本、发布、支持、弃用策略与实践。"
        },
        {
           "url": "guide/updating",
            "title": "保持最新",
            "tooltip": "如何把 Angular 应用和库升级到最新版本。"
        },
        {
          "title": "从 AngularJS 升级",
          "tooltip": "逐渐把 AngularJS 应用升级成 Angular。",
          "children": [
            {
              "url": "guide/upgrade",
              "title": "升级指南",
              "tooltip": "逐渐把 AngularJS 应用升级成 Angular。"
            },
            {
              "url": "guide/ajs-quick-reference",
              "title": "AngularJS 与 Angular 的概念对照",
              "tooltip": "学习如何把 AngularJS 的概念映射到 Angular 中。"
            }
          ]
        }
      ]
    },

    {
      "title": "快捷手册",
      "tooltip": "Angular 语法、编码、术语汇总。",
      "children": [

        {
          "url": "guide/cheatsheet",
          "title": "速查表",
          "tooltip": "关于 Angular 常用编码技术的快速指南。"
        },
        {
          "url": "guide/styleguide",
          "title": "风格指南",
          "tooltip": "写出 Angular 风格的程序"
        },
        {
          "url": "guide/glossary",
          "title": "词汇表",
          "tooltip": "Angular 中最重要的词汇的简要定义。"
        }
      ]
    },

    {
      "title": "API 参考手册",
      "tooltip": "关于 Angular 中类和值的详细信息。",
      "url": "api"
    },
    {
      "title": "-",
      "tooltip": "分割线",
      "divider": true
    },
    {
      "title": "互助问答",
      "tooltip": "github 上的中文互助问答区",
      "url": "https://github.com/ng-docs/ng-docs.github.io/issues"
    },
    {
      "title": "官方 Material 组件库",
      "tooltip": "Angular Material 组件库的中文文档",
      "url": "https://material.angular.cn"
    },
    {
      "title": "ng-zorro 组件库",
      "tooltip": "Ant Design 的 Angular 实现，服务于企业级后台产品。",
      "url": "https://ng.ant.design/"
    },
    {
      "url": "guide/change-log",
      "title": "Change Log",
      "tooltip": "Angular Documentation Change Log",
      "hidden": true
    }
  ],
  "Footer": [
    {
      "title": "资源",
      "children": [
        {
          "url": "about",
          "title": "关于",
          "tooltip": "Angular 贡献者。"
        },
        {
          "url": "resources",
          "title": "资源列表",
          "tooltip": "网络上的 Angular 工具、培训、博客等"
        },
        {
          "url": "presskit",
          "title": "宣传资料",
          "tooltip": "我们的联系方式、LOGO 和品牌"
        },
        {
          "url": "https://blog.angular.io/",
          "title": "博客",
          "tooltip": "Angular 官方博客"
        }
      ]
    },
    {
      "title": "帮助",
      "children": [
        {
          "url": "https://stackoverflow.com/questions/tagged/angular",
          "title": "Stack Overflow",
          "tooltip": "Stack Overflow: 这里的社区会回答你关于 Angular 的技术问题"
        },
        {
          "url": "https://gitter.im/angular/angular",
          "title": "Gitter",
          "tooltip": "和老鸟聊 Angular"
        },
        {
          "url": "https://github.com/angular/angular/issues",
          "title": "报告问题",
          "tooltip": "在 github 上报告问题和建议。"
        },
        {
          "url": "https://github.com/angular/code-of-conduct/blob/master/CODE_OF_CONDUCT.md",
          "title": "行为规范",
          "tooltip": "让我们彼此尊重"
        }
      ]
    },
    {
      "title": "社区",
      "children": [
        {
          "url": "events",
          "title": "活动",
          "tooltip": "Post issues and suggestions on github."
        },
        {
          "url": "http://www.meetup.com/topics/angularjs/",
          "title": "聚会",
          "tooltip": "参加聚会，向别的开发人员学习"
        },
        {
          "url": "https://twitter.com/angular",
          "title": "Twitter",
          "tooltip": "Twitter"
        },
        {
          "url": "https://github.com/angular/angular",
          "title": "GitHub",
          "tooltip": "GitHub"
        },
        {
          "url": "contribute",
          "title": "做贡献",
          "tooltip": "向 Angular 做贡献"
        }
      ]
    },
    {
      "title": "多语言",
      "children": [
        {
          "title": "English Version",
          "url": "https://angular.io/"
        },
        {
          "title": "日本語版",
          "url": "https://angular.jp/"
        }
      ]
    }
  ],
  "docVersions": [
    { "title": "v6", "url": "https://v6.angular.io" },
    { "title": "v5", "url": "https://v5.angular.io" },
    { "title": "v4 ", "url": "https://v4.angular.io"
    },
    { "title": "v2", "url": "https://v2.angular.cn"
    },
    {
     "title": "AngularDart", "url": "https://webdev.dartlang.org/angular" }
  ]
}