Merge pull request #157 from angular/dart-alpha-29

Dart alpha 29
This commit is contained in:
Naomi Black 2015-07-27 22:40:56 -07:00
commit 6b832947f1
4 changed files with 19 additions and 17 deletions

View File

@ -48,7 +48,7 @@
description: Dart version of Angular 2 example, Displaying Data description: Dart version of Angular 2 example, Displaying Data
version: 0.0.1 version: 0.0.1
dependencies: dependencies:
angular2: 2.0.0-alpha.26 angular2: 2.0.0-alpha.29
browser: ^0.10.0 browser: ^0.10.0
transformers: transformers:
- angular2: - angular2:
@ -227,11 +227,11 @@
p. p.
Make a <code>FriendsService</code> class to implement a model Make a <code>FriendsService</code> class to implement a model
containing a list of friends. containing a list of friends.
Put this in a new file under <code>web/</code> Put this in a new file under <code>lib/</code>
named <code>friends_service.dart</code>. Here's what the class looks like: named <code>friends_service.dart</code>. Here's what the class looks like:
code-example(language="dart" format="linenums"). code-example(language="dart" format="linenums").
// web/friends_service.dart // lib/friends_service.dart
library displaying_data.friends_service; library displaying_data.friends_service;
import 'package:angular2/angular2.dart'; import 'package:angular2/angular2.dart';
@ -248,7 +248,7 @@
Then set <code>friendNames</code> to the names provided by the service. Then set <code>friendNames</code> to the names provided by the service.
code-example(language="dart"). code-example(language="dart").
// In web/show_properties.dart // In lib/show_properties.dart
<span class="pnk">import 'package:displaying_data/friends_service.dart';</span> <span class="pnk">import 'package:displaying_data/friends_service.dart';</span>
... ...
class DisplayComponent { class DisplayComponent {
@ -262,11 +262,12 @@
p. p.
Next, make FriendsService available to dependency injection Next, make FriendsService available to dependency injection
by adding an <code>appInjector</code> parameter to DisplayComponent's by adding a <code>viewInjector</code> parameter to DisplayComponent's
<code>@Component</code> annotation: <code>@Component</code> annotation:
<!-- TODO: check with vsavkin: use viewInjector or hostInjector here? -->
code-example(language="dart"). code-example(language="dart").
@Component(selector: 'display', <span class="pnk">appInjector: const [FriendsService]</span>) @Component(selector: 'display', <span class="pnk">viewInjector: const [FriendsService]</span>)
.l-main-section .l-main-section
h2#Conditionally-displaying-data-with-NgIf Conditionally display data using *ng-if h2#Conditionally-displaying-data-with-NgIf Conditionally display data using *ng-if
@ -300,7 +301,7 @@
import 'package:angular2/angular2.dart'; import 'package:angular2/angular2.dart';
import 'package:displaying_data/friends_service.dart'; import 'package:displaying_data/friends_service.dart';
@Component(selector: 'display', appInjector: const [FriendsService]) @Component(selector: 'display', viewInjector: const [FriendsService])
@View(template: ''' @View(template: '''
&lt;p&gt;My name: {{ myName }}&lt;/p&gt; &lt;p&gt;My name: {{ myName }}&lt;/p&gt;
&lt;p&gt;Friends:&lt;/p&gt; &lt;p&gt;Friends:&lt;/p&gt;
@ -359,7 +360,7 @@
description: Displaying Data example description: Displaying Data example
version: 0.0.1 version: 0.0.1
dependencies: dependencies:
angular2: 2.0.0-alpha.26 angular2: 2.0.0-alpha.29
browser: ^0.10.0 browser: ^0.10.0
transformers: transformers:
- angular2: - angular2:

View File

@ -30,7 +30,7 @@
description: Getting Started example description: Getting Started example
version: 0.0.1 version: 0.0.1
dependencies: dependencies:
angular2: 2.0.0-alpha.26 angular2: 2.0.0-alpha.29
browser: ^0.10.0 browser: ^0.10.0
transformers: transformers:
- angular2: - angular2:

View File

@ -52,6 +52,7 @@
'Breathe', 'Breathe',
'Learn Angular' 'Learn Angular'
]; ];
addTodo(String todo) { addTodo(String todo) {
todos.add(todo); todos.add(todo);
} }
@ -196,7 +197,7 @@
description: User Input example description: User Input example
version: 0.0.1 version: 0.0.1
dependencies: dependencies:
angular2: 2.0.0-alpha.26 angular2: 2.0.0-alpha.29
browser: ^0.10.0 browser: ^0.10.0
transformers: transformers:
- angular2: - angular2:

View File

@ -38,13 +38,13 @@ p.
specify the angular2 and browser packages as dependencies, specify the angular2 and browser packages as dependencies,
as well as the angular2 transformer. as well as the angular2 transformer.
Angular 2 is changing rapidly, so provide an exact version: Angular 2 is changing rapidly, so provide an exact version:
<b>2.0.0-alpha.26</b>. <b>2.0.0-alpha.29</b>.
code-example(language="yaml" format="linenums"). code-example(language="yaml" format="linenums").
name: hello_world name: hello_world
version: 0.0.1 version: 0.0.1
dependencies: dependencies:
angular2: 2.0.0-alpha.26 angular2: 2.0.0-alpha.29
browser: ^0.10.0 browser: ^0.10.0
transformers: transformers:
- angular2: - angular2:
@ -248,13 +248,13 @@ p.
Loading source assets... Loading source assets...
Loading angular2 transformers... Loading angular2 transformers...
INFO: Formatter is being overwritten. INFO: Formatter is being overwritten.
Building hello_world... (3.8s) Building hello_world... (4.2s)
[Info from Dart2JS]: [Info from Dart2JS]:
Compiling hello_world|web/main.dart... Compiling hello_world|web/main.dart...
[Info from Dart2JS]: [Info from Dart2JS]:
Took 0:00:15.612746 to compile hello_world|web/main.dart. Took 0:00:16.908569 to compile hello_world|web/main.dart.
Built 63 files to "build". Built 75 files to "build".
//- REGENERATE THIS OUTPUT - or delete it? - when updating from 2.0.0-alpha.26 //- REGENERATE THIS OUTPUT - or delete it? - when updating from 2.0.0-alpha.29
p. p.
The generated JavaScript appears, along with supporting files, The generated JavaScript appears, along with supporting files,
@ -273,7 +273,7 @@ p.
name: hello_world name: hello_world
version: 0.0.1 version: 0.0.1
dependencies: dependencies:
angular2: 2.0.0-alpha.26 angular2: 2.0.0-alpha.29
browser: ^0.10.0 browser: ^0.10.0
<span class="pnk">transformers: <span class="pnk">transformers:
- angular2: - angular2: