diff --git a/public/404.jade b/public/404.jade index bf7811fd68..d127557efd 100644 --- a/public/404.jade +++ b/public/404.jade @@ -1,4 +1,4 @@ .l-main-section h2 404 - p Whoops. Looks like what you're looking for can't be found. + p 啊~~~ 你好像在找某些不存在的东西！ diff --git a/public/_data.json b/public/_data.json index e3df10773e..6427634fc8 100644 --- a/public/_data.json +++ b/public/_data.json @@ -1,33 +1,33 @@ { "index": { "hero": "home", - "title": "One framework.", - "subtitle": "Mobile and desktop." + "title": "一个框架", + "subtitle": "适用于手机与桌面" }, "features": { - "title": "Features & Benefits", - "subtitle": "Powerful Features for Developing Apps" + "title": "特性与优点", + "subtitle": "开发应用程序的强力特性" }, "contribute": { - "title": "Contribute to Angular", - "subtitle": "Help us build the framework of the future!", + "title": "为Angular做贡献", + "subtitle": "帮我们构建未来时代的框架", "autoformat": "true" }, "news": { - "title": "News", - "subtitle": "Check out what we are up to" + "title": "新闻", + "subtitle": "看看我们正在做什么" }, "events": { - "title": "Events", - "subtitle": "Where we'll be presenting" + "title": "事件", + "subtitle": "我们将在哪里开会" }, "support": { - "title": "Support", - "subtitle": "Get help from the Angular Community" + "title": "支持", + "subtitle": "从Angular社区获得支持" } } diff --git a/public/_includes/_cta-bar.jade b/public/_includes/_cta-bar.jade index 029bc7e2f9..77d09bec4d 100644 --- a/public/_includes/_cta-bar.jade +++ b/public/_includes/_cta-bar.jade @@ -1,2 +1,3 @@ .cta-bar - a(href="/docs/ts/latest/quickstart.html" class="button button-large button-shield md-raised " + "md-primary" md-button) Get Started + a(href="/docs/ts/latest/quickstart.html" class="button button-large button-shield md-raised " + "md-primary" + md-button) 现在开始！ diff --git a/public/_includes/_footer.jade b/public/_includes/_footer.jade index 2fd238dc06..065865dc59 100644 --- a/public/_includes/_footer.jade +++ b/public/_includes/_footer.jade @@ -14,7 +14,7 @@ else .logo-inverse-large .c2 - h3.text-headline LIBRARIES + h3.text-headline 库 ul.text-body li Angular 2.0 @@ -23,34 +23,34 @@ else li AngularFire .c2 - h3.text-headline LEARN + h3.text-headline 学习资源 ul.text-body - li 5 Min Quickstart - li Step by Step Guide - li Full API - li Resources - li Design Docs & Notes + li 5分钟快速开始 + li 单步指南 + li 全部API + li 资源 + li 设计文档 & 记录 .c2 - h3.text-headline HELP + h3.text-headline 帮助 ul.text-body li Google Group - li Chat Room - li Report an Issue + li 聊天室 + li 报告BUG .c3 - h3.text-headline COMMUNITY + h3.text-headline 社区 ul.text-body - li Blog + li 官方博客 li Google+ li Twitter li GitHub footer(class="background-steel") - small.text-caption Powered by Google ©2010-2016. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0. - a(aria-label="View Style Guide" href=styleguide title="Style Guide" class="styleguide-trigger text-snow" md-button) + small.text-caption 来自 Google ©2010-2016。 代码许可协议：MIT-style License。 文档许可协议：CC BY 4.0. + a(aria-label="查看风格指南" href=styleguide title="风格指南" class="styleguide-trigger text-snow" md-button) span.icon-favorite diff --git a/public/_includes/_head-include.jade b/public/_includes/_head-include.jade index 94f45103ab..a28242c552 100644 --- a/public/_includes/_head-include.jade +++ b/public/_includes/_head-include.jade @@ -31,7 +31,7 @@ meta(property="og:description" content="#{description}") meta(itemprop="name" content="Angular 2") meta(itemprop="description" content="#{description}") -meta(itemprop="image" content="https://angular.io/resources/images/logos/standard/shield-large.png") +meta(itemprop="image" content="/resources/images/logos/standard/shield-large.png") link(rel="icon" type="image/x-icon" href="/resources/images/icons/favicon.ico") link(rel="stylesheet" href="/resources/css/vendor/angular-material.min.css") diff --git a/public/_includes/_hero-home.jade b/public/_includes/_hero-home.jade index 314f1ec67f..18970ea473 100644 --- a/public/_includes/_hero-home.jade +++ b/public/_includes/_hero-home.jade @@ -4,9 +4,9 @@ header(class="background-sky") .hero-cta a(href="/docs/ts/latest/quickstart.html" class="md-raised button button-large button-plain" - md-button) Get Started + md-button) 现在开始！ .banner.is-centered .banner-ng-annoucement - h4 Announcing Angular Attack — a 48 hour online hackathon on May 14 - 15th, 2016.  - a(href="https://www.angularattack.com/" target="_blank") Register Today \ No newline at end of file + h4 Angular的挑战赛 — 一次48小时的线上黑客马拉松就在2016年5月14~15日。  + a(href="https://www.angularattack.com/" target="_blank") 立即注册 diff --git a/public/_includes/_hover-card.jade b/public/_includes/_hover-card.jade index a76f9948c2..df57eda266 100644 --- a/public/_includes/_hover-card.jade +++ b/public/_includes/_hover-card.jade @@ -9,4 +9,4 @@ a(class="hover-card is-button #{hasIcon}" href="#{url}" md-button) if cta p #{cta} else - p View #{name} Docs + p 查看 #{name} 文档 diff --git a/public/_includes/_main-nav.jade b/public/_includes/_main-nav.jade index 4cbe5e397e..339d5f0e04 100644 --- a/public/_includes/_main-nav.jade +++ b/public/_includes/_main-nav.jade @@ -2,14 +2,14 @@ md-toolbar(class="main-nav background-regal l-pinned-top l-layer-5",scroll-y-off nav h1 Angular by Google - button(class="main-nav-button main-nav-mobile-trigger l-right" aria-label="View Menu" ng-click="appCtrl.toggleMainMenu($event)" md-button) Site Menu + button(class="main-nav-button main-nav-mobile-trigger l-right" aria-label="查看菜单" ng-click="appCtrl.toggleMainMenu($event)" md-button) 网站菜单 ul(ng-class="appCtrl.showMainNav ? 'is-visible' : ''") - li.l-left Features - li.l-left Docs - li.l-left About - li.l-left Contribute - li.l-left Support - li.l-left News - li.l-left Events - li.l-right.feedback-button feedback + li.l-left 特性 + li.l-left 文档 + li.l-left 关于 + li.l-left 贡献 + li.l-left 支持 + li.l-left 新闻 + li.l-left 事件 + li.l-right.feedback-button feedback diff --git a/public/_includes/_next-item.jade b/public/_includes/_next-item.jade index c4626a453f..cc75e7109d 100644 --- a/public/_includes/_next-item.jade +++ b/public/_includes/_next-item.jade @@ -8,7 +8,7 @@ for page, slug in data if currentPage if !nextPage && page.nextable .l-sub-section - h3 Next Step + h3 下一步 a(href="/docs/#{current.path[1]}/#{current.path[2]}/#{current.path[3]}/#{slug}.html") #{page.title} //NEXT PAGE HAS NOW BEEN SET @@ -16,4 +16,4 @@ for page, slug in data // SET CURRENT PAGE FLAG WHEN YOU PASS IT if current.path[4] == slug - - var currentPage = true \ No newline at end of file + - var currentPage = true diff --git a/public/_includes/_util-fns.jade b/public/_includes/_util-fns.jade index d5274d903e..143489bf08 100644 --- a/public/_includes/_util-fns.jade +++ b/public/_includes/_util-fns.jade @@ -42,7 +42,7 @@ mixin makeJson( filePath, jsonConfig, title, stylePatterns) .example-title #{title} code-example(language="#{language}" format="#{format}") if (jsonExtract == 'ERROR') - err ERROR: Unable to extract json using config: "#{jsonConfig.toString()}" + err 错误: 无法通过配置"#{jsonConfig.toString()}"解析JSON else != styleString(jsonExtract, stylePatterns) @@ -149,7 +149,7 @@ script. - var fullFileName = getFragFilePath(filePath, region); - var frag = partial(fullFileName); - if (frag == null) { -- return "BAD FILENAME: " + fullFileName + " Current path: " + current.path + " PathToDocs: " + getPathToDocs(); +- return "出错的文件: " + fullFileName + " 所在路径: " + current.path + " 文档路径: " + getPathToDocs(); - } else { - // ``` gets translated to 
.....
and we need - // to remove this from the fragment prefix is 11 long and suffix is 13 long @@ -303,4 +303,4 @@ script. - } - } - } -- } \ No newline at end of file +- } diff --git a/public/_includes/_version-dropdown.jade b/public/_includes/_version-dropdown.jade index 2aea294f62..07d2bc6558 100644 --- a/public/_includes/_version-dropdown.jade +++ b/public/_includes/_version-dropdown.jade @@ -65,7 +65,7 @@ if language == 'dart' nav.hero-subtitle.text-subhead.dropdown - button(aria-label="Select a version of Angular" md-button class="dropdown-button" ng-click="appCtrl.toggleVersionMenu($event)") #{title} + button(aria-label="选择Angular版本" md-button class="dropdown-button" ng-click="appCtrl.toggleVersionMenu($event)") #{title} div(class="overlay ng-hide" ng-click="appCtrl.toggleVersionMenu($event)" ng-show="appCtrl.showMenu") diff --git a/public/about/_data.json b/public/about/_data.json index 67767f5e2a..1b5b389515 100644 --- a/public/about/_data.json +++ b/public/about/_data.json @@ -1,11 +1,11 @@ { "index": { - "title": "Moving the Web Forward", - "subtitle": "The Angular Core Team" + "title": "推动Web前进", + "subtitle": "Angular核心开发组" }, "presskit": { - "title": "Features & Benefits", - "subtitle": "Production Grade Features" + "title": "特性 & 优点", + "subtitle": "产品级特性" } -} \ No newline at end of file +} diff --git a/public/about/index.jade b/public/about/index.jade index b6b429b178..14f24c232f 100644 --- a/public/about/index.jade +++ b/public/about/index.jade @@ -2,12 +2,14 @@ .c2   .c8.text-center - h3.text-headline.text-uppercase Building For the Future + h3.text-headline.text-uppercase 为未来构建 p.text-body. Angular is built by a team of engineers who share a passion for making web development feel effortless. We believe that writing beautiful apps should be joyful and fun. We're building a platform for the future. + Angular由一个工程师组织打造，我们拥有共同的热情 —— 让Web开发变得更简单。我们深信，写漂亮的程序快乐而有趣。 + 我们正在构建一个面向未来的平台。 .c2   .clear @@ -15,6 +17,7 @@ .grid-fluid.l-space-bottom-6 h3.text-headline.text-uppercase.text-center Current Contributors + h3.text-headline.text-uppercase.text-center 目前的贡献者 for type in [ 'Lead', 'Google', 'Community' ] @@ -27,7 +30,7 @@ image(src="#{person.picture}" alt="#person.name") nav - button(aria-label="View Bio") View Bio + button(aria-label="View Bio") 个人经历 if person.twitter a(title="twitter" href="https://twitter.com/#{person.twitter}" ng-click="$event.stopPropagation()") diff --git a/public/cardboard/_data.json b/public/cardboard/_data.json index a092533354..0867aeb5f6 100644 --- a/public/cardboard/_data.json +++ b/public/cardboard/_data.json @@ -1,7 +1,7 @@ { "index": { - "title": "Angular Cardboard Hack-A-Thon", - "subtitle": "Winners Announced", + "title": "Angular Hack-A-Thon 卡片墙", + "subtitle": "胜利者宣言", "autoformat": "true" } -} \ No newline at end of file +} diff --git a/public/contribute.jade b/public/contribute.jade index 3e439abfcb..abd0459d9b 100644 --- a/public/contribute.jade +++ b/public/contribute.jade @@ -1,33 +1,48 @@ .l-main-section h2 Angular Projects + h2 Angular项目列表 p We'd love for you to contribute to our source code and to make Angular projects even better. + p 我们希望你给我们捐献代码，让Angular项目变得更好。 .l-sub-section h3 Angular 2 p Angular 2, now in beta, is a next generation mobile and desktop application development platform. + p Angular 2, 正在beta阶段，是下一代移动和桌面应用开发平台。 a(href="https://github.com/angular/angular/blob/master/CONTRIBUTING.md" class="button" md-button) Contribute to Angular 2 + a(href="https://github.com/angular/angular/blob/master/CONTRIBUTING.md" class="button" md-button) 为Angular 2做贡献 .l-sub-section h3 Angular for JavaScript or Dart + h3 Angular - JavaScript 或 Dart p Angular is a development platform for building mobile and desktop applications. + p Angular是一个开发平台，用于构建移动和桌面应用。 a(href="https://github.com/angular/angular.js/blob/master/CONTRIBUTING.md" class="button" md-button) Contribute to Angular for JS + a(href="https://github.com/angular/angular.js/blob/master/CONTRIBUTING.md" class="button" md-button). + 帮助Angular JS a(href="https://github.com/angular/angular.dart/blob/master/CONTRIBUTING.md" class="button" md-button) Contribute to Angular for DART + a(href="https://github.com/angular/angular.dart/blob/master/CONTRIBUTING.md" class="button" md-button). + 帮助Angular DART .l-sub-section h3 Angular Material p Our goal is to deliver a lean, lightweight set of Angular-based UI elements that implement the material design specification for use in Angular single-page applications (SPAs). + p 我们的目标是精益、轻量级、基于Angular的一组UI组件，它们实现了material设计规范，可以用在Angular单页面应用中。 a(href="https://github.com/angular/material/blob/master/CONTRIBUTING.md" class="button" md-button) Contribute to Angular Material + a(href="https://github.com/angular/material/blob/master/CONTRIBUTING.md" class="button" md-button). + 帮助Angular Material .l-sub-section h3 AngularFire p AngularFire is the officially supported Angular binding for Firebase. Firebase is a full backend so you don't need servers to build your Angular app. + p AngularFire是一个官方提供的Angular版Firebase绑定。Firebase是一个完整的后端，所以你不需要自己搭建服务器就能构建一个Angular应用。 a(href="https://github.com/firebase/angularFire" class="button" md-button) Contribute to AngularFire + a(href="https://github.com/firebase/angularFire" class="button" md-button) 帮助AngularFire diff --git a/public/docs/_data.json b/public/docs/_data.json index 121e4db32f..c8a083efd9 100644 --- a/public/docs/_data.json +++ b/public/docs/_data.json @@ -1,7 +1,7 @@ { "index": { - "title": "Angular Docs", - "subtitle": "Choose a language for Angular", + "title": "Angular文档", + "subtitle": "选择Angular的语种", "layout": "../_layout" } } diff --git a/public/docs/_includes/_help.jade b/public/docs/_includes/_help.jade index 20b131054a..7322e7dfcb 100644 --- a/public/docs/_includes/_help.jade +++ b/public/docs/_includes/_help.jade @@ -1,9 +1,11 @@ .l-main-section h2 Get Help Using Angular + h2 获得使用Angular的帮助 p. We have an incredible community of developers who are passionate about solving problems. We recommend some of the following methods to get help with Angular. + 我们有一个难以置信的开发者社区，他们充满激情的解决问题。我们建议您通过下列方式获取关于Angular的帮助： .l-sub-section @@ -13,29 +15,47 @@ li. Search the archive first. It's likely that your question has already been answered. + li. + 先搜索文档。 + 你的问题很可能有别人问过了。 li. To avoid the spam moderation queue, don't include code directly in your email. (See #3) + li. + 为了避免被当成垃圾邮件，请不要在你的邮件中包含代码。（参见下一条） li. Link to a live code example that demonstrates your problem or question, so you'll get an answer faster. Use this template. + li. + 给出一个“活代码范例”的链接，来演示你的难题或问题，那样你会更快的获得答案。 + 使用这个模板。 li. If you get help, help others. Good karma rulez! + li. + 如果得到了帮助，别忘了帮助别人。人生金律！ a(href="https://groups.google.com/forum/#!forum/angular" class="button button-primary" md-button) View the Google Group + + a(href="https://groups.google.com/forum/#!forum/angular" class="button button-primary" md-button) 访问Google Group .l-sub-section h3 Angular Chat Room + h3 Angular聊天室 p Talk in real time with other Angular developers. + p 和其他Angular开发者实时聊天。 a(href="http://webchat.freenode.net/?channels=angularjs&uio=d4" class="button button-primary" md-button) View the Chat Room + a(href="http://webchat.freenode.net/?channels=angularjs&uio=d4" class="button button-primary" md-button) 访问聊天室 .l-sub-section h3 Report an Issue + h3 报告问题 p If you run into an issue or have a feature request, you can create a new issue on our GitHub repository. + p 如果你遇到了问题或者需要某些特性，你可以在我们的Github仓库中创建一个新的issue。 a(href="https://github.com/angular/angular/issues" class="button button-primary" md-button) Report an Issue + a(href="https://github.com/angular/angular/issues" class="button button-primary" md-button) 报告问题 diff --git a/public/docs/_includes/_side-nav.jade b/public/docs/_includes/_side-nav.jade index 374acc5215..71ed5a5c74 100644 --- a/public/docs/_includes/_side-nav.jade +++ b/public/docs/_includes/_side-nav.jade @@ -43,30 +43,30 @@ nav.side-nav.l-pinned-left.l-layer-4.l-offset-nav // SEARCH BAR header.side-nav-search.st-input-wrapper form.st-input-inner - label(for="search-io" class="is-hidden") Search Docs - input(type="search" id="search-io" placeholder="SEARCH DOCS...") - button(class="mobile-trigger button" aria-label="View Docs Menu" ng-click="appCtrl.toggleDocsMenu($event)" md-button) Docs + label(for="search-io" class="is-hidden") 搜索文档 + input(type="search" id="search-io" placeholder="搜索文档...") + button(class="mobile-trigger button" aria-label="查看文档菜单" ng-click="appCtrl.toggleDocsMenu($event)" md-button) 文档 div(class="side-nav-secondary" ng-class="appCtrl.showDocsNav ? 'is-visible' : ''") .nav-blocks - .nav-title Tutorial + .nav-title 指南 .nav-primary-link(class="#{qs.class}") a(href="#{qs.href}" title="#{qs.tooltip}") #{qs.navTitle} - .nav-sub-title Case Study: Tour of Heroes + .nav-sub-title 案例: 英雄之旅 .nav-ordered-lists ol each item in tutorial li(class="#{item.class}"): a(href="#{item.href}" title="#{item.tooltip}") #{item.navTitle} .nav-blocks - .nav-title Basics + .nav-title 基础知识 .nav-ordered-lists ol each item in basics li(class="#{item.class}"): a(href="#{item.href}" title="#{item.tooltip}") #{item.navTitle} .nav-blocks - .nav-title Developer Guide + .nav-title 开发人员指南 .nav-unordered-lists ul each item in guide @@ -80,7 +80,7 @@ nav.side-nav.l-pinned-left.l-layer-4.l-offset-nav li(class="#{item.class}"): a(href="#{item.href}" title="#{item.tooltip}") #{item.navTitle} .nav-blocks - .nav-title Reference + .nav-title 参考 .nav-unordered-lists ul each item in reference diff --git a/public/docs/_includes/_ts-temp.jade b/public/docs/_includes/_ts-temp.jade index b4a6b8ad8a..30e089e841 100644 --- a/public/docs/_includes/_ts-temp.jade +++ b/public/docs/_includes/_ts-temp.jade @@ -1,10 +1,10 @@ - var language = current.path[1] -- var lang = 'your choosen language' +- var lang = '你选中的语言' if language == 'dart' - lang = 'Dart' if language == 'js' - - lang = 'JavaScript' + - lang = 'JavaScript' if language == 'ts' - lang = 'TypeScript' @@ -20,14 +20,14 @@ if secondaryPath - var data = secondaryPath._data - var listType = data._listtype - var items = listType == 'api' ? secondaryPath : data - + for item, slug in items if slug == current.path[4] - name = 'the ' + item.title + ' chapter' - + p. - This chapter is not yet available in #{lang}. - We recommend reading the TypeScript version. + 这个章节在 #{lang} 语种下还不可用。 + 建议您阅读TypeScript版本。 a(href=path, class='md-primary md-button md-ink-ripple'). - Read !{name} in TypeScript -// != partial(path) \ No newline at end of file + 阅读!{name}TypeScript版本 +// != partial(path) diff --git a/public/docs/_includes/styleguide/_alerts.jade b/public/docs/_includes/styleguide/_alerts.jade index 19b6d7e0f9..14684d3c8f 100644 --- a/public/docs/_includes/styleguide/_alerts.jade +++ b/public/docs/_includes/styleguide/_alerts.jade @@ -1,22 +1,29 @@ #sg-alerts.showcase.shadow-1 header.showcase-header h2 Alerts + h2 警告 p. Please use alerts sparingly throughout the docs. They are meant to draw attention on important occasions. Alerts should not be used for multi-line content (user callouts insteads) or stacked on top of each other. - + p. + 请在文档中严谨的使用警告。这意味着只在重要的场合用它吸引注意力。 + 不要用警告表现多行内容（使用插图代替），也不要把它们堆叠在一起。 .showcase-content .l-sub-section h3 Adding an alert + h3 添加一个警告 .alert.is-critical A very critical alert + .alert.is-critical 非常关键的警告 .alert.is-important A very important alert + .alert.is-important 非常重要的警告 .alert.is-helpful A very helpful alert + .alert.is-helpful 非常有用的警告 pre.prettyprint.linenums code. - .alert.is-critical A very critical alert - .alert.is-important A very important alert - .alert.is-helpful A very helpful alert \ No newline at end of file + .alert.is-critical 非常关键的警告 + .alert.is-important 非常重要的警告 + .alert.is-helpful 非常有用的警告 diff --git a/public/docs/ts/latest/_data.json b/public/docs/ts/latest/_data.json index d0533f5b6e..a875c42c44 100644 --- a/public/docs/ts/latest/_data.json +++ b/public/docs/ts/latest/_data.json @@ -1,68 +1,68 @@ { "index": { "icon": "home", - "title": "Angular Docs", - "menuTitle": "Docs Home", - "banner": "Welcome to Angular in TypeScript! The current Angular 2 release is beta.14. Please consult the Change Log about recent enhancements, fixes, and breaking changes." + "title": "Angular文档", + "menuTitle": "文档首页", + "banner": "欢迎来到 Angular in TypeScript! 当前的Angular版本是 beta.14。请参考Change Log来了解最近的增强、修正和破坏性变更。" }, "quickstart": { "icon": "query-builder", - "title": "5 Min Quickstart", - "description": "Get up and running with Angular 2" + "title": "五分钟快速开始", + "description": "Angular 2起跑" }, "tutorial": { "icon": "list", - "title": "Tutorial", - "banner": "Angular 2 is currently in Beta." + "title": "教程", + "banner": "Angular 2正处于Beta阶段。" }, "guide": { "icon": "list", - "title": "Developer Guides", - "banner": "Angular 2 is currently in Beta." + "title": "开发人员指南", + "banner": "Angular 2正处于Beta阶段。" }, "cookbook": { "icon": "list", "title": "Cookbook", - "banner": "How to solve common implementation challenges." + "banner": "教你解决常见的“该怎么做”问题。" }, "api/": { "icon": "book", - "title": "API Preview", + "title": "API预览", "reference": true }, "cheatsheet": { - "title": "Angular Cheat Sheet", - "intro": "A quick guide to Angular syntax.", + "title": "Angular小抄", + "intro": "关于Angular语法的快速指南", "reference": true }, "glossary": { - "title": "Glossary", - "intro": "Brief definitions of the most important words in the Angular 2 vocabulary", + "title": "词汇表", + "intro": "Angular 2中那些最重要的词汇的简短定义", "reference": true }, "resources": { "icon": "play-circle-fill", - "title": "Angular Resources", - "banner": "Angular 2 is currently in Beta.", + "title": "Angular资源", + "banner": "Angular 2正处于Beta阶段", "resources": true }, "help": { "icon": "chat", - "title": "Help & Support", + "title": "帮助与支持", "resources": true }, "styleguide": { - "title": "Docs Style Guide", - "intro": "Design & Layout Patterns For Documentation" + "title": "文档风格指南", + "intro": "文档的设计与布局模式" } } diff --git a/public/features.jade b/public/features.jade index 3554aee1ff..30d5bd891e 100644 --- a/public/features.jade +++ b/public/features.jade @@ -1,4 +1,3 @@ - .grid-fluid.l-space-bottom-8 .c3.text-center @@ -9,7 +8,9 @@ Angular 2 is dramatically faster than Angular 1 with support for fast initial loads through server-side pre-rendering, offline compile for fast startup, and ultrafast change detection and view caching for smooth virtual scrolling and snappy view transitions. - + h3.text-headline.text-uppercase 速度与性能 + p.text-body. + Angular 2的性能相对Angular 1已经有了戏剧性的提升，包括通过服务端渲染完成初次加载、离线编译来获得更快的启动速度、超快的变更检测，以及通过视图缓存来实现平滑的虚拟滚动和干净利落的场景切换。 .grid-fluid.l-space-bottom-8 .c3.text-center @@ -20,6 +21,9 @@ Make your intention clear using natural, easy-to-write syntax. Reduce complexity for your team: new, structure-rich templates are readable and easy to understand at a glance. + h3.text-headline.text-uppercase 简单而丰富 + p.text-body. + 通过自然、易写的语法，清晰表达你的意图。降低开发组的复杂度：新的、富结构化的模板富有可读性，容易被快速理解。 @@ -33,7 +37,9 @@ Android, and iOS. Angular Universal provides for server-side rendering for fast initial views on mobile web. Ionic and NativeScript let you build hybrid and native UI mobile apps. Web worker support keeps your app UI fully responsive no matter how heavy the load. - + h3.text-headline.text-uppercase 跨平台 + p.text-body. + 学习Angular 2让你有了一个工具，可以构建桌面应用、移动网页、安卓版应用、iOS版应用。Angular Universal提供了一个服务端渲染工具，可以快速的在移动设备上提供起始页面。Ionic和NativeScript让你构建混合式（hybrid）和原生界面的移动应用。Web worker让你的应用界面保持迅速及时的响应，而不用担心负载过重。 .grid-fluid.l-space-bottom-8 @@ -44,7 +50,9 @@ p.text-body. Upgrade your Angular 1 application at your own pace by mixing in Angular 2 components, directives, pipes, services and more by using the ngUpgrade APIs. - + h3.text-headline.text-uppercase 从Angular 1无缝升级 + p.text-body. + 使用ngUpgrade API，可以一小步一小步的把Angular 2的组件、指令、管道、服务等混入Angular1应用，完成无缝平滑升级。 .grid-fluid.l-space-bottom-8 @@ -56,7 +64,9 @@ The choice of language is up to you. In addition to full support for ES5, TypeScript, and Dart, Angular 2 works equally well with ES2015 and other languages that compile to JavaScript. - + h3.text-headline.text-uppercase 灵活的开发 + p.text-body. + 选择什么语言取决于你。它不仅完全支持ES5、TypeScript和Dart，Angular 2在ES2015和其他能编译成JavaScript的语言下也能工作得一样好。 .grid-fluid.l-space-bottom-8 @@ -72,7 +82,13 @@ lazy loading for mobile users. If you already use routing from a prior version of Angular, you can easily migrate to Angular 2 routing. - + h3.text-headline.text-uppercase 全面的路由 + p.text-body. + 经过精密设计的视图： + 映射URL路径到应用组件， + 使用嵌套路由、兄弟路由等高级特性。 + 为移动用户，Angular 2提供了卡片式导航、转场动画和延迟加载特性。 + 如果你还在使用来自Angular老版本的路由，你可以轻易迁移到Angular 2路由。 .grid-fluid.l-space-bottom-8 @@ -85,6 +101,10 @@ allowing you to maintain modular applications without writing tedious glue code. Dependency injection helps you write tests by making it easy to inject test doubles. + h3.text-headline.text-uppercase 依赖注入 + p.text-body. + Angular 2具有强力、易于使用的依赖注入机制，允许你管理模块化的应用，而不用写枯燥的胶水代码。 + 通过让注入测试副本，依赖注入可以帮助你更容易的写测试。 .grid-fluid.l-space-bottom-8 @@ -95,7 +115,10 @@ p.text-body. In addition to fully supporting latest versions of Chrome, Edge, Firefox, IE, and Safari, Angular 2 is also tested for older browsers including IE9+ and Android 4.1+. - + .c7 + h3.text-headline.text-uppercase 老旧浏览器支持 + p.text-body. + 除了完全支持Chrome、Edge、Firefox、IE和Safari的最新版本外，Angular2还支持老旧浏览器，如IE9+、Android 4.1+。 .grid-fluid.l-space-bottom-8 @@ -110,7 +133,11 @@ intelligently handle changes to animations in response to user events. Plan complex animation flows by sequencing the behavior of an entire website on a timeline. - + h3.text-headline.text-uppercase 动画 + p.text-body. + [开发中]通过简单易用的Angular事件，在移动和桌面环境下深入底层提供动画支持。 + 你可以使用CSS、JavaScript和Web Animations API来智能处理动画的变化来响应用户事件。 + 还计划通过控制整个网站在时间线上的一连串行为来支持复杂的动画流程。 .grid-fluid.l-space-bottom-8 @@ -126,6 +153,13 @@ Generate static applications for each locale. Easily promote accessibility via screen readers and assistive devices by automatically generating appropriate ARIA attributes. + h3.text-headline.text-uppercase 国际化(I18N)与可访问性 + p.text-body(ng-non-bindable). + [开发中] 抵达所有用户。可以在Angular插值表达式中使用熟悉的ICU消息格式，包括复数化和性别化规则。 + 自动提取消息、伪本地化和翻译更新。 + 为每一个区域（locale）生成一个静态应用。 + 通过自动生成相应的ARIA属性，可以更容易的通过屏幕阅读器和辅助设备提升可访问性。 + diff --git a/public/index.jade b/public/index.jade index fa9bb30168..6cff2aff64 100644 --- a/public/index.jade +++ b/public/index.jade @@ -4,21 +4,29 @@ div(layout-gt-sm='row' style='margin: 0 -24px') div(flex=33 style='padding:0 24px') h3.text-headline Fast p.text-body Angular computes updates based on changes to data, not DOM, for fast updates that scale to the largest data sets with minimal memory overhead. + h3.text-headline 快速 + p.text-body Angular基于数据的变更来计算更新，而不是DOM，当处理极大规模的数据集时，能以很小的内存开销提供快速更新。 div(flex=33 style='padding:0 24px') h3.text-headline Mobile p.text-body With Angular Universal for server-side rendering and Web Workers for smooth scrolling and transitions, Angular 2 solves the core challenges in mobile web performance. + h3.text-headline 移动优先 + p.text-body 通过Angular Universal提供服务端渲染，通过Web Workers提供平滑的滚动和转场效果。据此，Angular 2解决了移动网站性能问题的核心挑战。 div(flex=33 style='padding:0 24px') h3.text-headline Flexible p.text-body Supports several languages including plain JavaScript, TypeScript, and Dart. Also supports both object-style data structure with POJO data-binding and functional reactive style with unidirectional data flow and support for observables and immutable data structures. + h3.text-headline 弹性 + p.text-body 支持一系列语言，包括普通JavaScript、TypeScript和Dart。同样支持基于POJO数据绑定的对象式数据结构和基于单向数据流的函数式响应式（reactive）风格，还支持基于监听（observable）和不可变（immutable）对象的数据结构。 br div h3.text-headline The Basics p.text-body In Angular you display data by defining components. Data in your component classes is automatically available to display in your templates or control how they render as in the example below. + h3.text-headline 基础 p.text-body While this example uses TypeScript, Angular works equally well with ES5, ES6 and Dart as well. + p.text-body 虽然这个范例使用了TypeScript，但是Angular在ES5、ES6和Dart中也能很好的工作。 p(style='text-align:right') md-button.md-primary(href='/resources/live-examples/homepage-hello-world/ts/plnkr.html' target='_blank') span.icon-open-in-new - | Try in Plunker + | 在Plunker中试用 +makeTabs(` ../docs/_fragments/homepage-hello-world/ts/app/hello_world.html, ../docs/_fragments/homepage-hello-world/ts/app/hello_world.ts, @@ -32,12 +40,15 @@ div br div h3.text-headline Structuring Apps With Components + h3.text-headline 应用程序的组件式结构 p.text-body Groups of coordinated components divide the responsibilities of our application. This ToDo list app has a separate component for the form, the list, and the core app logic. Where the previous example component referenced templates in separate files, this one shows using inline templates. + p.text-body 我们把应用的职责拆分成一组相互合作的组件。这个TODO List应用包括一组独立的组件，它们组成了表单、列表和核心应用逻辑。虽然前面的范例组件使用了独立文件来存放模板，但这个范例将使用内联模板。 p.text-body Defining types as we do here in Todo.ts communicates our intention to other developers, helps us find bugs in our code, and lets IDEs do more work for us in refactoring, code navigation, and code completion. + p.text-body 就像我们在Todo.ts中的做法，定义类型（types）可以像其他开发者展示我们的意图，帮助我们发现代码中的BUG，以及让我们的IDE更好的帮助我们：重构、代码导航、以及代码自动完成（Code completion）。 p(style='text-align:right') md-button.md-primary(href='/resources/live-examples/homepage-todo/ts/plnkr.html' target='_blank') span.icon-open-in-new - | Try in Plunker + | 在Plunker中试用 +makeTabs(` ../docs/_fragments/homepage-todo/ts/app/todo_app.ts, ../docs/_fragments/homepage-todo/ts/app/todo_form.ts, @@ -55,12 +66,15 @@ div br div h3.text-headline Advanced Component Communication + h3.text-headline 高级组件通讯 p.text-body This demo shows an efficient implementation of tabs/panes. Each pane is only instantiated while it is visible. Panes which are not visible are released and do not have associated memory, DOM and change detection cost. + p.text-body 这个范例展示了一个高效的页标签（tabs）/面板（panes）实现。只有可见的面板才会被实例化，不可见的则被释放，并且没有相关的内存、DOM和变更检测的开销。 p.text-body The demo also showcases dependency injection and the ability of one component to query for other components. Such queries automatically update even as detail panes are added. This allows the tabs component to work with ngFor without any special knowledge of it. + p.text-body 这个范例也示范了依赖注入和从一个组件查询其它组件的能力。这些查询会自动更新 —— 即使加入了新的面板也能正常工作。这让tabs组件可以很好的和ngFor协作，而不需要了解特别的知识。 p(style='text-align:right') md-button.md-primary(href='/resources/live-examples/homepage-tabs/ts/plnkr.html' target='_blank') span.icon-open-in-new - | Try in Plunker + | 在Plunker中试用 +makeTabs(` ../docs/_fragments/homepage-tabs/ts/app/di_demo.ts, ../docs/_fragments/homepage-tabs/ts/app/ui_tabs.ts, diff --git a/public/news.jade b/public/news.jade index 02de0381e1..2f96d9070b 100644 --- a/public/news.jade +++ b/public/news.jade @@ -1,6 +1,7 @@ .grid-fluid.l-space-bottom-2 .c12.text-center h3.text-headline.text-uppercase Core Team + h3.text-headline.text-uppercase 核心开发组 .clear .grid-fluid diff --git a/public/support.jade b/public/support.jade index 34fc2656a6..5deaa9b70e 100644 --- a/public/support.jade +++ b/public/support.jade @@ -7,7 +7,7 @@ p angular2 p angular2-forms p angular2-template - + hr .grid-fluid @@ -15,7 +15,7 @@ figure img(src="/resources/images/support/gitter-logo.png" alt="Us" style="width:240px;") .c8 - p Community driven real time chat + p 由社区驱动的实时聊天 // hr @@ -33,13 +33,13 @@ figure img(src="/resources/images/support/github-logo.png" alt="Us" style="width:240px;" ) .c8 - p File Angular 2 issues at our GitHub Repository + p Angular 2的问题归档在我们的GitHub仓库 - hr + hr .grid-fluid .c4 figure img(src="/resources/images/support/reddit-logo.png" alt="Us" style="width:240px;" ) .c8 - p Resources, articles, discussions & more: /r/Angular2 + p 资源, 文档, 讨论以及更多内容在: /r/Angular2 diff --git a/public/survey.html b/public/survey.html index 296ad5feab..086c13085d 100644 --- a/public/survey.html +++ b/public/survey.html @@ -4,7 +4,7 @@ - 2016 Angular Usage Trends Survey + 2016 Angular使用统计调查