From 7549b40b307f402fb91daf5db1fcb91ef0693dd1 Mon Sep 17 00:00:00 2001 From: HVDK Date: Fri, 2 Dec 2016 11:10:23 +0100 Subject: [PATCH] Adds Angular2-based example --- example/angular2/lib/styled_component.dart | 11 +++++++++++ example/angular2/lib/styled_component.html | 1 + example/angular2/lib/styled_component.scss | 7 +++++++ example/angular2/pubspec.yaml | 15 +++++++++++++++ example/angular2/web/index.html | 12 ++++++++++++ example/angular2/web/main.dart | 7 +++++++ 6 files changed, 53 insertions(+) create mode 100644 example/angular2/lib/styled_component.dart create mode 100644 example/angular2/lib/styled_component.html create mode 100644 example/angular2/lib/styled_component.scss create mode 100644 example/angular2/pubspec.yaml create mode 100644 example/angular2/web/index.html create mode 100644 example/angular2/web/main.dart diff --git a/example/angular2/lib/styled_component.dart b/example/angular2/lib/styled_component.dart new file mode 100644 index 0000000..28dd07c --- /dev/null +++ b/example/angular2/lib/styled_component.dart @@ -0,0 +1,11 @@ +import 'package:angular2/core.dart'; + +@Component( + selector: 'styled-component', + styleUrls: const ['styled_component.css'], + templateUrl: 'styled_component.html') +class StyledComponent { + + StyledComponent(); + +} diff --git a/example/angular2/lib/styled_component.html b/example/angular2/lib/styled_component.html new file mode 100644 index 0000000..7cbdf16 --- /dev/null +++ b/example/angular2/lib/styled_component.html @@ -0,0 +1 @@ +

A Styled Angular 2 Application

diff --git a/example/angular2/lib/styled_component.scss b/example/angular2/lib/styled_component.scss new file mode 100644 index 0000000..d260f27 --- /dev/null +++ b/example/angular2/lib/styled_component.scss @@ -0,0 +1,7 @@ +:host { + font-family: Roboto, Helvetica, Arial, sans-serif; +} + +h1 { + color: #ffA500; +} \ No newline at end of file diff --git a/example/angular2/pubspec.yaml b/example/angular2/pubspec.yaml new file mode 100644 index 0000000..c34cefc --- /dev/null +++ b/example/angular2/pubspec.yaml @@ -0,0 +1,15 @@ +name: dart_sass_angular2 +version: 0.0.1 +environment: + sdk: '>=1.19.0 <2.0.0' +dependencies: + angular2: any +dev_dependencies: + browser: ^0.10.0 + dart_to_js_script_rewriter: ^1.0.1 + dart_sass_transformer: any +transformers: +- dart_sass_transformer +- angular2: + entry_points: web/main.dart +- dart_to_js_script_rewriter diff --git a/example/angular2/web/index.html b/example/angular2/web/index.html new file mode 100644 index 0000000..3e9f2fd --- /dev/null +++ b/example/angular2/web/index.html @@ -0,0 +1,12 @@ + + + + Angular 2 + SASS Styling + + + + + + Coming Up... + + diff --git a/example/angular2/web/main.dart b/example/angular2/web/main.dart new file mode 100644 index 0000000..dc2d5bb --- /dev/null +++ b/example/angular2/web/main.dart @@ -0,0 +1,7 @@ +import 'package:angular2/platform/browser.dart'; + +import 'package:dart_sass_angular2/styled_component.dart'; + +main() { + bootstrap(StyledComponent); +}