angular-cn/aio/content/navigation.json

844 lines
27 KiB
JSON
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{
"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/workspace-config",
"title": "Workspace Configuration",
"tooltip": "The \"angular.json\" file contains workspace and project configuration defaults for Angular CLI commands."
},
{
"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/updating",
"title": "保持最新",
"tooltip": "如何把 Angular 应用和库升级到最新版本。"
},
{
"url": "guide/releases",
"title": "Angular 发布策略与实践",
"tooltip": "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": "2018 ngChina @ 杭州",
"tooltip": "2018 ngChina 开发者大会",
"url": "https://ng-china.org"
},
{
"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/"
},
{
"title": "ng-zorro mobile 组件库",
"tooltip": "Ant Design Mobile 的 Angular 实现,服务于无线产品。",
"url": "https://ng.mobile.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.io"
}
]
}