Skip to content
This repository was archived by the owner on Feb 22, 2018. It is now read-only.

Commit 32b0a21

Browse files
vojtajinavojtajina
committed
chore: clean up demos, add hello world demo
1 parent c260cdd commit 32b0a21

File tree

8 files changed

+54
-77
lines changed

8 files changed

+54
-77
lines changed

‎demo/helloworld/helloworld.dart

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import 'package:angular/angular.dart';
2+
3+
main() {
4+
bootstrapAngular([new AngularModule()]);
5+
}

‎demo/helloworld/index.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Hello, World!</title>
5+
</head>
6+
<body ng-app>
7+
8+
<h3>Hello {{name}}!</h3>
9+
name: <input type="text" ng-model="name">
10+
11+
<script type="application/dart" src="helloworld.dart"></script>
12+
<script src="packages/browser/dart.js"></script>
13+
</body>
14+
</html>

‎demo/helloworld/pubspec.yaml

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
name: angular_dart_demo
2+
version: 0.0.1
3+
dependencies:
4+
angular:
5+
path: ../..
6+
browser: any
7+
js: any
8+
unittest: any

‎demo/todo/class.dart

Lines changed: 0 additions & 23 deletions
This file was deleted.

‎demo/todo/main.dart

Lines changed: 0 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,6 @@
1-
import 'package:angular/debug.dart';
21
import 'package:angular/angular.dart';
3-
import 'package:di/di.dart';
4-
import 'dart:html' as dom;
5-
62
import 'todo.dart';
73

8-
9-
// helper for bootstrapping angular
10-
bootstrapAngular(modules, [rootElementSelector = '[ng-app]']) {
11-
List<dom.Node> topElt = dom.query(rootElementSelector).nodes.toList();
12-
assert(topElt.length > 0);
13-
14-
Injector injector = new Injector(modules);
15-
16-
injector.invoke((Compiler $compile, Scope $rootScope) {
17-
$compile(topElt)(injector, topElt);
18-
$rootScope.$digest();
19-
});
20-
}
21-
22-
23-
244
main() {
255
bootstrapAngular([new AngularModule()]);
266
}

‎demo/web/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
<html>
1+
<html ng-app>
22
<head>
33
<script src="packages/browser/dart.js"></script>
44
<script src="main.dart" type="application/dart"></script>
55
</head>
66
<body>
7-
<div ng-app>
7+
<div ng-controller="Main">
88
<h1>ng-model</h1>
99
<input type="text" ng-model="yourName">
1010
<input type="text" ng-model="yourName">

‎demo/web/main.dart

Lines changed: 17 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,7 @@
1-
import 'package:angular/angular.dart';
2-
import 'package:di/di.dart';
31
import 'dart:html' as dom;
42
import 'dart:math' as math;
53

6-
class AngularBootstrap {
7-
Compiler $compile;
8-
Scope $rootScope;
9-
Injector injector;
10-
11-
AngularBootstrap(Compiler this.$compile, Scope this.$rootScope, Injector this.injector);
12-
13-
call() {
14-
List<dom.Node> topElt = dom.query('[ng-app]').nodes.toList();
15-
assert(topElt.length > 0);
16-
17-
$rootScope['greeting'] = 'Hello world!';
18-
var lastRandom;
19-
$rootScope['random'] = () {
20-
if (lastRandom == null) lastRandom =
21-
'Random: ${new math.Random().nextInt(100)}';
22-
return lastRandom;
23-
};
24-
$rootScope['people'] = ['James', 'Misko'];
25-
$rootScope['objs'] = [{'v': 'v1'}, {'v': 'v2'}];
26-
27-
var template = $compile(topElt);
28-
template(injector, topElt);
29-
30-
// Digest the scope.
31-
$rootScope.$digest();
32-
}
33-
}
4+
import 'package:angular/angular.dart';
345

356
class BookController implements Controller {
367
Scope $scope;
@@ -82,13 +53,27 @@ class ChapterDirective {
8253
}
8354
}
8455

56+
class MainController {
57+
58+
String _random = 'Random: ${new math.Random().nextInt(100)}';
59+
60+
MainController(Scope scope) {
61+
scope['greeting'] = 'Hello world!';
62+
scope['people'] = ['James', 'Misko'];
63+
scope['objs'] = [{'v': 'v1'}, {'v': 'v2'}];
64+
scope['random'] = () {
65+
return _random;
66+
};
67+
}
68+
}
69+
8570
main() {
8671
// Set up the Angular directives.
8772
var module = new AngularModule()
8873
..directive(NgBindAttrDirective)
8974
..directive(NgRepeatAttrDirective)
9075
..directive(BookComponent)
9176
..directive(ChapterDirective);
92-
Injector injector = new Injector([module]);
93-
injector.get(AngularBootstrap)();
77+
78+
bootstrapAngular([module]);
9479
}

‎demo/web/pubspec.yaml

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
name: angular_dart_demo
2+
version: 0.0.1
3+
dependencies:
4+
angular:
5+
path: ../..
6+
browser: any
7+
js: any
8+
unittest: any

0 commit comments

Comments
 (0)