-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
87 lines (83 loc) · 14.9 KB
/
index.html
File metadata and controls
87 lines (83 loc) · 14.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html public><html lang="en" ng-app="angularIOApp" itemscope="itemscope" itemtype="http://schema.org/Framework"><head><title>One framework. - Angular 2</title><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="description" content="Angular is a development platform for building mobile and desktop web applications"/><meta name="keywords" content="Angular, AngularJS, AngularDart, Javscript, Dart, Framework, JavaScript MVC, Google"/><meta name="robots" content="all"/><meta name="referrer" content="origin"/><meta name="viewport" id="viewport" content="width=device-width, initial-scale=1"/><meta property="og:title" content="Angular 2"/><meta property="og:image" content="/angular2/resources/images/logos/standard/shield-large.png"/><meta property="og:image:type" content="image/png"/><meta property="og:image:width" content="184"/><meta property="og:image:height" content="200"/><meta property="og:description" content="Angular is a development platform for building mobile and desktop web applications"/><meta itemprop="name" content="Angular 2"/><meta itemprop="description" content="Angular is a development platform for building mobile and desktop web applications"/><meta itemprop="image" content="https://angular.io/angular2/resources/images/logos/standard/shield-large.png"/><link rel="icon" type="image/x-icon" href="/angular2/resources/images/icons/favicon.ico"/><link rel="stylesheet" href="angular-material.min.css"/><link href="https://fonts.googleapis.com/css?family=Roboto:400,300,500,400italic,700" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/><link rel="stylesheet" href="/angular2/resources/css/vendor/icomoon/style.css"/><link rel="stylesheet" href="/angular2/resources/css/vendor/animate.css"/><link rel="stylesheet" href="/angular2/resources/css/main.css"/><!-- MOBILE ICONS -->
<link rel="apple-touch-icon" sizes="57x57" href="/angular2/resources/images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/angular2/resources/images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/angular2/resources/images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/angular2/resources/images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/angular2/resources/images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/angular2/resources/images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/angular2/resources/images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/angular2/resources/images/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/angular2/resources/images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/angular2/resources/images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/angular2/resources/images/favicons/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="/angular2/resources/images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/angular2/resources/images/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/angular2/resources/images/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/angular2/resources/images/favicons/manifest.json"></head><body ng-controller="AppCtrl as appCtrl" class="ng-cloak l-offset-nav"><nav scroll-y-offset-element="scroll-y-offset-element" class="main-nav l-pinned-top l-layer-5"><h1><a href="/" md-button>Angular <sup>by Google</sup></a></h1><button aria-label="View Menu" ng-click="appCtrl.toggleMainMenu($event)" md-button="md-button" class="main-nav-button main-nav-mobile-trigger l-right">Site Menu <span class="icon icon-arrow-drop-down"></span></button><ul ng-class="appCtrl.showMainNav ? 'is-visible' : ''">
<li class="l-left"><a class="main-nav-button" href="/angular2/features.html" md-button>Features</a></li>
<li class="l-left"><a class="main-nav-button" href="/angular2/docs/ts/latest/" md-button>Docs</a></li>
<li class="l-left"><a class="main-nav-button" href="/angular2/events.html" md-button>Events</a></li>
<li class="l-left"><a class="main-nav-button" href="/angular2/news.html" md-button>News</a></li><li class="l-right"><a class="main-nav-button" href="/angular2/docs/ts/latest/quickstart.html" md-button>Get Started</a></li></ul></nav><!-- HERO LOGO --><header class="background-sky l-relative">
<div class="hero background-superhero-paper is-large"><img src="/angular2/resources/images/logos/angular2/angular.svg" class="hero-logo"/><h1 class="text-headline">One framework.<br>Mobile & desktop.</h1><a href="/angular2/docs/ts/latest/quickstart.html" md-button="md-button" class="hero-cta md-raised button button-large button-plain">Get Started</a></div><announcement-bar><div class="announcement-bar-slide clearfix"><img src="/angular2/resources/images/logos/angular2/angular-logo-banner.png"/><p>Angular 2.0 Final Release Now Live!</p><a href="http://angularjs.blogspot.com/2016/09/angular2-final.html" target="_blank" class="button md-button">Learn More</a></div><div class="announcement-bar-slide clearfix"><img src="/angular2/resources/images/logos/ng-europe/ng-europe-logo.png"/><p>Join us for <strong>ng-europe in Paris</strong>, France this October!</p><a href="https://ngeurope.org/?utm_source=angular&utm_medium=banner&utm_campaign=angular-banner" target="_blank" class="button md-button">Register now</a></div></announcement-bar></header><article class="l-content "><script>function why(id, backTo) {
var id = "#"+id;
var el = document.querySelector(id);
el.hidden=el.hidden=!el.hidden;
if (el.hidden && backTo){
// the next line is required to work around a bug in WebKit (Chrome / Safari)
location.href = "#";
location.href = "#" + backTo;
}
}</script><script>function verbose(isVerbose) {
isVerbose = !! isVerbose;
var el = document.querySelector('button.verbose.off');
el.style.display = isVerbose ? 'block' : 'none';
var el = document.querySelector('button.verbose.on');
el.style.display = isVerbose ? 'none' : 'block';
CCSStylesheetRuleStyle('main','.l-verbose-section', 'display',
isVerbose ? 'block' : 'none');
}
</script><script>function CCSStylesheetRuleStyle(stylesheet, selectorText, style, value){
/* returns the value of the element style of the rule in the stylesheet
* If no value is given, reads the value
* If value is given, the value is changed and returned
* If '' (empty string) is given, erases the value.
* The browser will apply the default one
*
* string stylesheet: part of the .css name to be recognized, e.g. 'default'
* string selectorText: css selector, e.g. '#myId', '.myClass', 'thead td'
* string style: camelCase element style, e.g. 'fontSize'
* string value optional : the new value
*/
var CCSstyle = undefined, rules, sheet;
for(var m in document.styleSheets){
sheet = document.styleSheets[m];
if(sheet.href && sheet.href.indexOf(stylesheet) != -1){
rules = sheet[document.all ? 'rules' : 'cssRules'];
for(var n in rules){
console.log(rules[n].selectorText);
if(rules[n].selectorText == selectorText){
CCSstyle = rules[n].style;
break;
}
}
break;
}
}
if(value == undefined)
return CCSstyle[style]
else
return CCSstyle[style] = value
}
</script><div class="home-rows"><!-- Group 1--><div layout="row" layout-xs="column" class="home-row"><div class="promo-img-container promo-1"><div><img src="resources/images/home/responsive-framework.svg"></div></div><div class="text-container"><div class="text-block promo-1-desc l-pad-top-2"><h3 class="text-headline">Develop Across All Platforms</h3><p class="text-body">Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop.
</p></div></div></div><!-- Group 2--><div layout="row" layout-xs="column" class="home-row"><div class="text-container"><div class="text-block"><h3 class="text-headline">Speed & Performance</h3><p class="text-body">Achieve the maximum speed possible on the Web Platform today, and take it further, via Web Workers and server-side rendering.</p><p class="text-body">Angular puts you in control over scalability. Meet huge data requirements by building data models on RxJS, Immutable.js or another push-model.</p></div></div><div class="promo-img-container promo-2"><div><img src="resources/images/home/speed-performance.svg"></div></div></div><!-- Group 3--><div layout="row" layout-xs="column" class="home-row"><div class="promo-img-container promo-3"><div><img src="resources/images/home/joyful-development.png"></div></div><div class="text-container"><div class="text-block promo-3-desc"><h3 class="text-headline">Incredible Tooling</h3><p class="text-body">Build features quickly with simple, declarative templates. Extend the template language with your own components and use a wide array of existing components. Get immediate Angular-specific help and feedback with nearly every IDE and editor. All this comes together so you can focus on building amazing apps rather than trying to make the code work.
</p></div></div></div><!-- Group 4--><div layout="row" layout-xs="column" class="home-row"><div class="text-container"><div class="text-block l-pad-top-2"><h3 class="text-headline">Loved by Millions</h3><p class="text-body">From prototype through global deployment, Angular delivers the productivity and scalable infrastructure that supports Google's largest applications.</p></div></div><div class="promo-img-container promo-4"><div><img src="resources/images/home/loved-by-millions.png"></div></div></div><div class="cta-bar"><a href="/docs/ts/latest/quickstart.html" md-button="md-button" class="button button-large button-shield md-raised md-primary">Get Started</a></div></div></article><div class="main-footer"><nav class="background-midnight grid-fluid"><div class="c3 main-footer-branding"><div class="logo-inverse-large"></div></div><div class="c2"><h3 class="text-headline">RESOURCES</h3><ul class="text-body"><!-- TODO: (ericjim) make a libraries page to showcase all angular 2 libraries--><!--li <a href="/libraries.html">Libraries</a>--><li><a href="/about/">About</a></li><li><a href="/angular2/resources/">Books & Training</a></li><li><a href="/angular2/resources/">Tools & Libraries</a></li><li><a href="/angular2/resources/">Community</a></li><li><a href="/presskit.html">Press Kit</a></li></ul></div><div class="c2"><h3 class="text-headline">HELP</h3><ul class="text-body"><li><a href="http://stackoverflow.com/questions/tagged/angular2">Stack Overflow</a></li><li><a href="https://gitter.im/angular/angular">Gitter</a></li><li><a href="https://groups.google.com/forum/#!forum/angular"> Google Group</a></li><li><a href="https://github.com/angular/angular/issues"> Report Issues</a></li><li><a class="footer-feedback" ng-click="appCtrl.openFeedback()" aria-label="Submit feedback on this page"> Site Feedback</a></li></ul></div><div class="c2"><h3 class="text-headline">COMMUNITY</h3><ul class="text-body"><li><a href="/events.html">Events</a></li><li><a href="http://www.meetup.com/topics/angularjs/">Meetups</a></li><li><a href="https://twitter.com/angularjs"> Twitter</a></li><li><a href="https://github.com/angular/angular"> GitHub</a></li><li><a href="/contribute.html"> Contribute</a></li></ul></div><div class="c2"><h3 class="text-headline">LANGUAGES</h3><ul class="text-body"><li><a href="https://angular.cn/">中文版</a></li></ul></div></nav><footer class="background-midnight"><small class="text-caption">Powered by Google ©2010-2016. Code licensed under an <a href="/license" class="text-snow">MIT-style License</a>. Documentation licensed under <a class="text-snow" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</small><a aria-label="View Style Guide" href="/docs/ts/latest/styleguide.html" title="Style Guide" class="styleguide-trigger text-snow"><span class="icon-favorite"></span></a></footer></div><!-- VENDORS --><script src="/angular2/resources/js/vendor/prettify.js"></script><script src="/angular2/resources/js/vendor/lang-basic.js"></script><script src="/angular2/resources/js/vendor/lang-dart.js"></script><script src="/angular2/resources/js/vendor/lodash.js"></script><script src="/angular2/resources/js/vendor/clipboard.min.js"></script><!-- Angular Material Dependencies --><script src="angular.min.js"></script><script src="angular-animate.min.js"></script><script src="angular-aria.min.js"></script><script src="angular-material.min.js"></script><!-- Firebase -->
<script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script>
<!-- AngularFire -->
<script src="https://cdn.firebase.com/libs/angularfire/1.2.0/angularfire.min.js"></script>
<!-- Angular.io Site JS --><script src="/angular2/resources/js/site.js"></script><script src="/angular2/resources/js/util.js"></script><script src="/angular2/resources/js/controllers/app-controller.js"></script><script src="/angular2/resources/js/controllers/angular2/resources-controller.js"></script><script src="/angular2/resources/js/directives/cheatsheet.js"></script><script src="/angular2/resources/js/directives/api-list.js"></script><script src="/angular2/resources/js/directives/bio.js"></script><script src="/angular2/resources/js/directives/bold.js"></script><script src="/angular2/resources/js/directives/announcement-bar.js"></script><script src="/angular2/resources/js/directives/code.js"></script><script src="/angular2/resources/js/directives/copy.js"></script><script src="/angular2/resources/js/directives/code-tabs.js"></script><script src="/angular2/resources/js/directives/code-pane.js"></script><script src="/angular2/resources/js/directives/code-example.js"></script><script src="/angular2/resources/js/directives/if-docs.js"></script><script src="/angular2/resources/js/directives/live-example.js"></script><script src="/angular2/resources/js/directives/ngio-ex-path.js"></script><script src="/angular2/resources/js/directives/scroll-y-offset-element.js"></script><!-- GA --><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-8594346-15', 'auto');
ga('send', 'pageview')
</script><!-- Google Feedback --><script src="//www.gstatic.com/feedback/api.js" type="text/javascript"></script><!-- Twitter Widget --><script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}})(document,"script","twitter-wjs");</script></body></html>