akserg / angular.dart.ui

Port of Angular-UI to Dart.
angulardartui.com
Other
101 stars 37 forks source link

Angular UI Build Status Stories in Ready Coverage Status

Port of Angular-UI to Dart.

Look at Demo page for this project.

You may be interesting in check out Material Design Theme for this project.

Quick-Start

Include the following code to your index.html

<!-- Latest compiled and minified bootsrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- Optional bootstrap theme CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!-- angular ui CSS -->
<link rel="stylesheet" href="https://github.com/akserg/angular.dart.ui/blob/master/packages/angular_ui/css/angular.css">
<!-- your own CSS file -->
<link rel="stylesheet" href="https://github.com/akserg/angular.dart.ui/blob/master/style.css">

Add the angular-ui module in your main.dart

import 'package:angular/angular.dart';
import 'package:angular/application_factory.dart';
import 'package:angular_ui/angular_ui.dart';

void main() {
  applicationFactory()
    .addModule(new AngularUIModule()) // The angular-ui module
    .addModule(new MainModule()) // Your own module
    .run();
}

Use the angular-ui components as described below or in the demo.

Bootstrap directives and components

Note: Drag and Drop support is experimental feature and API can be changed at any time in the future.

Credits