Skip to content

Commit dda316e

Browse files
author
Sascha Brink
committed
Initial commit
0 parents  commit dda316e

File tree

29 files changed

+598
-0
lines changed

29 files changed

+598
-0
lines changed

01-ng-app/index.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<html ng-app>
2+
<head>
3+
<meta charset="utf8" />
4+
<title>AngularJS Tutorial</title>
5+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
6+
</head>
7+
<body>
8+
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js"></script>
9+
</body>
10+
</html>

02-two-way-databinding/index.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<html ng-app>
2+
<head>
3+
<meta charset="utf8" />
4+
<title>AngularJS Tutorial</title>
5+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
6+
</head>
7+
<body>
8+
<div class="container">
9+
10+
<form>
11+
<input type="text" ng-model="search">
12+
<p>Du suchst gerade nach: {{search}}</p>
13+
</form>
14+
15+
</div>
16+
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js"></script>
17+
</body>
18+
</html>

03-expressions/index.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<html ng-app>
2+
<head>
3+
<meta charset="utf8" />
4+
<title>AngularJS Tutorial</title>
5+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
6+
</head>
7+
<body>
8+
<div class="container">
9+
10+
<form>
11+
<input type="text" ng-model="search">
12+
<p>Du suchst gerade nach: {{search.toUpperCase() + "!"}}</p>
13+
</form>
14+
15+
{{1 + 2 + 3}}
16+
17+
</div>
18+
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js"></script>
19+
</body>
20+
</html>

04-directives/index.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<html ng-app>
2+
<head>
3+
<meta charset="utf8" />
4+
<title>AngularJS Tutorial</title>
5+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
6+
</head>
7+
<body>
8+
<div class="container">
9+
10+
<form>
11+
<input type="text" ng-model="search">
12+
<p ng-show="search">Du suchst gerade nach: {{search}}</p>
13+
</form>
14+
15+
</div>
16+
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js"></script>
17+
</body>
18+
</html>

05-loops/index.html

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<html ng-app>
2+
<head>
3+
<meta charset="utf8" />
4+
<title>AngularJS Tutorial</title>
5+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
6+
</head>
7+
<body ng-init="articles = ['Pizza Margherita', 'Pizza Tonno']">
8+
<div class="container">
9+
10+
<form>
11+
<input type="text" ng-model="search">
12+
<p ng-show="search">Du suchst gerade nach: {{search}}</p>
13+
</form>
14+
15+
<table class="table">
16+
<tr ng-repeat="article in ['Pizza Margherita', 'Pizza Tonno']">
17+
<td>{{article}}</td>
18+
</tr>
19+
</table>
20+
21+
<table class="table">
22+
<tr ng-repeat="article in articles">
23+
<td>{{article}}</td>
24+
</tr>
25+
</table>
26+
27+
</div>
28+
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js"></script>
29+
</body>
30+
</html>

06-filters/index.html

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<html ng-app>
2+
<head>
3+
<meta charset="utf8" />
4+
<title>AngularJS Tutorial</title>
5+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
6+
</head>
7+
<body ng-init="articles = ['Pizza Margherita', 'Pizza Tonno']">
8+
<div class="container">
9+
10+
<form>
11+
<input type="text" ng-model="search">
12+
<p ng-show="search">Du suchst gerade nach: {{search}}</p>
13+
</form>
14+
15+
<table class="table">
16+
<tr ng-repeat="article in articles | filter:search">
17+
<td>{{article}}</td>
18+
</tr>
19+
</table>
20+
21+
</div>
22+
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js"></script>
23+
</body>
24+
</html>

07-modules/app.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
'use strict';
2+
3+
angular.module('tutorialApp', []);

07-modules/index.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<html ng-app="tutorialApp">
2+
<head>
3+
<meta charset="utf8" />
4+
<title>AngularJS Tutorial</title>
5+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
6+
</head>
7+
<body ng-init="articles = ['Pizza Margherita', 'Pizza Tonno']">
8+
<div class="container">
9+
10+
<form>
11+
<input type="text" ng-model="search">
12+
<p ng-show="search">Du suchst gerade nach: {{search}}</p>
13+
</form>
14+
15+
<table class="table">
16+
<tr ng-repeat="article in articles | filter:search">
17+
<td>{{article}}</td>
18+
</tr>
19+
</table>
20+
21+
</div>
22+
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js"></script>
23+
<script src="app.js"></script>
24+
</body>
25+
</html>

08-controllers/app.js

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
'use strict';
2+
3+
angular.module('tutorialApp', [])
4+
.controller('ArticlesCtrl', function($scope){
5+
$scope.articles = [
6+
{ id: 1, name: 'Pizza Vegetaria', price: 5 },
7+
{ id: 2, name: 'Pizza Salami', price: 5.5 },
8+
{ id: 3, name: 'Pizza Thunfisch', price: 6 }
9+
];
10+
});

08-controllers/index.html

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<html ng-app="tutorialApp">
2+
<head>
3+
<meta charset="utf8" />
4+
<title>AngularJS Tutorial</title>
5+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
6+
</head>
7+
<body>
8+
<div class="container">
9+
10+
<form>
11+
<input type="text" ng-model="search">
12+
<p ng-show="search">Du suchst gerade nach: {{search}}</p>
13+
</form>
14+
15+
<table class="table" ng-controller="ArticlesCtrl">
16+
<tr ng-repeat="article in articles | filter:search">
17+
<td>{{article.id}}</td>
18+
<td>{{article.name}}</td>
19+
<td>{{article.price}}</td>
20+
</tr>
21+
</table>
22+
23+
</div>
24+
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js"></script>
25+
<script src="app.js"></script>
26+
</body>
27+
</html>

0 commit comments

Comments
 (0)