This repository has been archived by the owner on Aug 29, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3.4k
/
getting-started.tmpl.html
129 lines (120 loc) · 5.09 KB
/
getting-started.tmpl.html
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<div ng-controller="GuideCtrl" class="doc-content">
<md-content>
<p>
<h2><em>New to AngularJS?</em> Before getting into AngularJS Material, it might be helpful to:</h2>
</p>
<p>
<ul>
<li>
Watch videos about <a
href="https://egghead.io/courses/angularjs-fundamentals" target="_blank"
title="AngularJS Framework">AngularJS Fundamentals</a>
</li>
<li>
Read the
<a href="https://material.io/archive/guidelines/" target="_blank"
title="Material Design">Material Design </a> specifications for components,
animations, styles, and layouts.
</li>
</ul>
</p>
<h2>How do I start with AngularJS Material?</h2>
<ul style="margin-bottom: 2em;">
<li>
Get jump started with a free 30-minute video course: <a
href="https://egghead.io/courses/introduction-to-angular-material" target="_blank"
title="AngularJS Framework">Introduction to AngularJS Material</a>
</li>
<li>
<a href="https://stackblitz.com/edit/angularjs-material-blank?file=app%2Fapp.template.html"
target="_blank" title="Blank AngularJS Material StackBlitz Demo">
Start with a blank application on StackBlitz</a>
</li>
<li>
Test drive AngularJS Material examples on
<a href="https://codepen.io/team/AngularMaterial/"
target="_blank" title="AngularJS Material CodePen Examples">
CodePen</a>
</li>
<li>
Checkout our
<a href="https://github.com/Splaktar/angularjs-angular-material-hybrid-demo" target="_blank"
title="AngularJS Material, Angular Material, TypeScript, Angular CLI repository">
AngularJS Material + Angular Material + TypeScript + Angular CLI</a> repository
</li>
<li style="margin-bottom: 30px;">
Checkout the <a href="https://github.com/angular/material-start/tree/typescript" target="_blank"
title="Material Start - Typescript and SystemJS">AngularJS Material + TypeScript + SystemJS</a>
repository
</li>
<li>Use the "Edit on CodePen" button on any of our Demos<br/>
<img
src="https://cloud.githubusercontent.com/assets/210413/11568997/ed86795a-99b4-11e5-898e-1da172be80da.png"
style="width:75%; margin: 10px 30px 0 0" alt="Image with arrow to Edit on CodePen button">
</li>
</ul>
<h3>Our CodePen Community</h3>
<p>
You can also visit our
<a href="https://codepen.io/team/AngularMaterial/" target="_blank"
title="Codepen Community">CodePen Community</a> to explore more
<a href="https://codepen.io/team/AngularMaterial/pens/public/" target="_blank">samples</a>,
<a href="https://codepen.io/team/AngularMaterial/collections/public/" target="_blank">collections</a>, and ideas.
</p>
<br/>
<h3>Installing the AngularJS Material Libraries</h3>
<p>
You can
<a href="https://github.com/angular/bower-material/#installing-angularjs-material"
target="_blank">install the AngularJS Material library</a>
(and its dependent libraries) in your local project using
<a href="https://www.npmjs.com/" target="_blank">NPM</a>.
</p>
<p>
AngularJS Material also integrates with some additional, optional libraries which you may elect
to include:
</p>
<ul style="margin-bottom: 2em;">
<li>
<a href="https://docs.angularjs.org/api/ngMessages">ngMessages</a>
- Provides a consistent mechanism for displaying form errors and other messages.
<b>Required</b> for some AngularJS Material components like <code>md-input</code>.
</li>
<li>
<a href="https://docs.angularjs.org/api/ngSanitize">ngSanitize</a>
- The ngSanitize module provides functionality to sanitize HTML content in Material
components.
</li>
<li>
<a href="https://docs.angularjs.org/api/ngRoute">ngRoute</a>
- Provides a clean routing system for your application.
</li>
</ul>
<br/>
<h3>Unsupported Integrations</h3>
<p>
AngularJS Material has known integration issues with the following libraries:
</p>
<ul style="margin-bottom: 2em;">
<li>
<a href="https://docs.angularjs.org/api/ngTouch">ngTouch</a>
- AngularJS Material conflicts with ngTouch for click, tap, and swipe support on touch-enabled
devices.
</li>
<li>
<a href="https://ionicframework.com/docs/v1/overview/">Ionic v1</a>
- Has built-in touch support that interferes with AngularJS Material's mobile gesture features.
Ionic v1 is no longer officially supported by the Ionic team.
</li>
</ul>
<br/>
<h2>Getting help with AngularJS Material</h2>
<ul style="margin-bottom: 2em;">
<li>StackOverflow's
<a href="https://stackoverflow.com/questions/tagged/angularjs-material" target="_blank"
title="AngularJS Material tag on StackOverflow">
[angularjs-material] tag</a> is a good resources for solving problems.
</li>
</ul>
</md-content>
</div>