Skip to content
This repository was archived by the owner on Feb 22, 2018. It is now read-only.
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,4 @@ packages
.idea
node_modules
build
.pub
3 changes: 0 additions & 3 deletions Chapter_01/README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1 @@
"Hello World" AngularDart application

For a runnable version of this app, see this community-contributed demo:
http://runnable.com/UvLvODhQortBAAAu/angular-dart-tutorial-chapter-01
38 changes: 17 additions & 21 deletions Chapter_01/pubspec.lock
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,11 @@ packages:
analyzer:
description: analyzer
source: hosted
version: "0.18.0"
version: "0.15.7"
angular:
description: angular
source: hosted
version: "0.13.0"
version: "1.0.0"
args:
description: args
source: hosted
Expand All @@ -32,7 +32,7 @@ packages:
di:
description: di
source: hosted
version: "2.0.1"
version: "3.3.1"
html5lib:
description: html5lib
source: hosted
Expand All @@ -45,51 +45,47 @@ packages:
description: logging
source: hosted
version: "0.9.1+1"
matcher:
description: matcher
source: hosted
version: "0.10.0"
meta:
description: meta
source: hosted
version: "0.8.8"
mock:
description: mock
observe:
description: observe
source: hosted
version: "0.10.0+1"
version: "0.10.1+2"
path:
description: path
source: hosted
version: "1.2.2"
perf_api:
description: perf_api
source: hosted
version: "0.0.8"
version: "0.0.9"
route_hierarchical:
description: route_hierarchical
source: hosted
version: "0.4.21"
version: "0.5.0"
smoke:
description: smoke
source: hosted
version: "0.1.0+1"
source_maps:
description: source_maps
source: hosted
version: "0.9.0"
source_span:
description: source_span
source: hosted
version: "1.0.0"
stack_trace:
description: stack_trace
source: hosted
version: "0.9.3+1"
typed_mock:
description: typed_mock
source: hosted
version: "0.0.4"
unittest:
description: unittest
source: hosted
version: "0.10.1+2"
utf:
description: utf
source: hosted
version: "0.9.0"
web_components:
description: web_components
source: hosted
version: "0.3.5+1"
version: "0.8.0"
10 changes: 5 additions & 5 deletions Chapter_01/pubspec.yaml
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
name: angular_dart_demo
version: 0.0.1
name: tutorial
version: 1.0.0
dependencies:
angular: 0.13.0
dev_dependencies:
unittest: any
angular: "1.0.0"
web_components: ">=0.8.0 <0.9.0"
browser: ">=0.10.0+2 <0.11.0"
transformers:
- angular
6 changes: 2 additions & 4 deletions Chapter_01/web/index.html
Original file line number Diff line number Diff line change
@@ -1,14 +1,12 @@
<!DOCTYPE html>
<html ng-app>
<head>
<title>Hello, World!</title>

<title>Chapter One - Hello, World!</title>
<script src="packages/web_components/platform.js"></script>
<script src="packages/web_components/dart_support.js"></script>
</head>
<body>

<h3>Hello {{name}}!</h3>
<h3>Hello {{name}}!</h3>
Name: <input type="text" ng-model="name">

<script type="application/dart" src="main.dart"></script>
Expand Down
11 changes: 9 additions & 2 deletions Chapter_01/web/main.dart
Original file line number Diff line number Diff line change
@@ -1,6 +1,13 @@
import 'package:angular/angular.dart';
import 'package:angular/application_factory.dart';
import 'package:di/annotations.dart';

@Injectable()
class Greeter {
String name;
}

void main() {
applicationFactory().run();
applicationFactory()
.rootContextType(Greeter)
.run();
}
5 changes: 1 addition & 4 deletions Chapter_02/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,2 @@
Recipe Book AngularDart application
Illustrates how to create a basic Angular controller

For a runnable version of this app, see this community-contributed demo:
http://runnable.com/UvLw-HVhFtxBAAAf/angular-dart-tutorial-chapter-02
Illustrates how to create a basic Angular component
Original file line number Diff line number Diff line change
@@ -1,15 +1,21 @@
library recipe_book_controller;
library recipe_book_component;

import 'package:angular/angular.dart';

@Controller(
selector: '[recipe-book]',
publishAs: 'ctrl')
class RecipeBookController {
/* The selector field defines the CSS selector that will trigger the component. It can be any valid
* CSS selector which does not cross element boundaries.
*
* The component's public fields are available for data binding from the view.
* Similarly, the component's public methods can be invoked from the view.
*/
@Component(
selector: 'recipe-book',
templateUrl: 'recipe_book.html')
class RecipeBookComponent {
Recipe selectedRecipe;
List recipes;
List<Recipe> recipes;

RecipeBookController() {
RecipeBookComponent() {
recipes = _loadData();
}

Expand Down Expand Up @@ -45,12 +51,11 @@ class RecipeBookController {
}

class Recipe {
String name;
String category;
List<String> ingredients;
String directions;
final String name;
final String category;
final List<String> ingredients;
final String directions;
int rating;

Recipe(this.name, this.category, this.ingredients, this.directions,
this.rating);
Recipe(this.name, this.category, this.ingredients, this.directions, this.rating);
}
21 changes: 21 additions & 0 deletions Chapter_02/lib/component/recipe_book.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<h3>Recipe List</h3>
<ul>
<li class="pointer"
ng-repeat="recipe in recipes"
ng-click="selectRecipe(recipe)">
{{recipe.name}}
</li>
</ul>

<h3>Recipe Details</h3>
<div><strong>Name: </strong>{{selectedRecipe.name}}</div>
<div><strong>Category: </strong>{{selectedRecipe.category}}</div>
<div><strong>Rating: </strong>{{selectedRecipe.rating}}</div>
<div>
<ul>
<li ng-repeat="ingredient in selectedRecipe.ingredients">
{{ingredient}}
</li>
</ul>
</div>
<div><strong>Directions: </strong>{{selectedRecipe.directions}}</div>
64 changes: 38 additions & 26 deletions Chapter_02/pubspec.lock
Original file line number Diff line number Diff line change
Expand Up @@ -4,92 +4,104 @@ packages:
analyzer:
description: analyzer
source: hosted
version: "0.18.0"
version: "0.15.7"
angular:
description: angular
source: hosted
version: "0.13.0"
version: "1.0.0"
args:
description: args
source: hosted
version: "0.10.0+2"
barback:
description: barback
source: hosted
version: "0.13.0"
version: "0.14.2"
browser:
description: browser
source: hosted
version: "0.10.0+2"
code_transformers:
description: code_transformers
source: hosted
version: "0.1.5"
version: "0.1.6"
collection:
description: collection
source: hosted
version: "0.9.1"
version: "0.9.4"
di:
description: di
source: hosted
version: "2.0.1"
version: "3.3.1"
html5lib:
description: html5lib
source: hosted
version: "0.10.0"
intl:
description: intl
source: hosted
version: "0.8.10+4"
version: "0.11.9"
logging:
description: logging
source: hosted
version: "0.9.1+1"
version: "0.9.2"
matcher:
description: matcher
source: hosted
version: "0.10.0"
meta:
description: meta
source: hosted
version: "0.8.8"
version: "0.11.1"
mock:
description: mock
source: hosted
version: "0.10.0+1"
version: "0.11.0+2"
observe:
description: observe
source: hosted
version: "0.10.1+2"
path:
description: path
source: hosted
version: "1.2.2"
version: "1.3.0"
perf_api:
description: perf_api
source: hosted
version: "0.0.8"
version: "0.0.9"
petitparser:
description: petitparser
source: hosted
version: "1.2.2"
pool:
description: pool
source: hosted
version: "1.0.1"
route_hierarchical:
description: route_hierarchical
source: hosted
version: "0.4.21"
version: "0.5.0"
smoke:
description: smoke
source: hosted
version: "0.1.0+1"
source_maps:
description: source_maps
source: hosted
version: "0.9.0"
version: "0.9.4"
source_span:
description: source_span
source: hosted
version: "1.0.0"
stack_trace:
description: stack_trace
source: hosted
version: "0.9.3+1"
typed_mock:
description: typed_mock
source: hosted
version: "0.0.4"
version: "1.1.1"
unittest:
description: unittest
source: hosted
version: "0.10.1+2"
version: "0.11.0+5"
utf:
description: utf
source: hosted
version: "0.9.0"
version: "0.9.0+1"
web_components:
description: web_components
source: hosted
version: "0.3.5+1"
version: "0.8.0"
16 changes: 11 additions & 5 deletions Chapter_02/pubspec.yaml
Original file line number Diff line number Diff line change
@@ -1,8 +1,14 @@
name: angular_dart_demo
version: 0.0.1
name: tutorial
version: 1.0.0
dependencies:
angular: 0.13.0
angular: "1.0.0"
web_components: ">=0.8.0 <0.9.0"
browser: ">=0.10.0+2 <0.11.0"
dev_dependencies:
unittest: any
unittest: ">=0.11.0+5 <0.12.0"
mock: ">=0.11.0+2 <0.12.0"
transformers:
- angular
- angular:
html_files:
- lib/component/recipe_book.html

Loading