Skip to content

Instantly share code, notes, and snippets.

@ahirschberg
Last active May 3, 2016 21:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ahirschberg/6560d9b029ff5b07c3957098e788987f to your computer and use it in GitHub Desktop.
Save ahirschberg/6560d9b029ff5b07c3957098e788987f to your computer and use it in GitHub Desktop.
For dart angular2 issue #8439: [Dart Angular2-beta.17] platform_directives only apply when compiled to JavaScript, not in Dart
name: angular2_getting_started
description: Quickstart
version: 0.0.1
environment:
sdk: '>=1.13.0 <2.0.0'
dependencies:
angular2: 2.0.0-beta.17
browser: ^0.10.0
dart_to_js_script_rewriter: ^1.0.1
transformers:
- angular2:
platform_directives:
- 'package:angular2/common.dart#CORE_DIRECTIVES'
- 'package:angular2/common.dart#FORM_DIRECTIVES'
entry_points: web/main.dart
- dart_to_js_script_rewriter
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Yo Yo Yo</title>
<link rel="stylesheet" href="styles.css">
<script async src="main.dart" type="application/dart"></script>
<script async data-pub-inline src="packages/browser/dart.js"></script>
</head>
<body>
<my-app>Loading...</my-app>
</body>
</html>
import 'package:angular2/core.dart';
import 'package:angular2/platform/browser.dart';
class Hero {
final int id;
String name;
Hero(this.id, this.name);
}
@Component(
selector: 'my-app',
template: '''
<h2>My name is {{hero.name}}</h2>
<input [(ngModel)]="hero.name">
''')
class AppComponent {
Hero hero = new Hero(10, 'Mr. Incredible');
}
main() {
bootstrap(AppComponent);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment