A sample usage of https://github.com/dart-lang/angular_components
Home Page: https://dart-lang.github.io/angular_components_example/
License: BSD 3-Clause "New" or "Revised" License
I created component with template:
<div class="teal-themed">
<material-stepper legalJumps="backwards"
orientation="horizontal"
size="default">
<template step name="Consent">
<div>
</div>
</template>
<template step name="Strips">
<div>
</div>
</template>
</material-stepper>
</div>
and scss:
@import 'package:angular_components/css/material/material';
@import 'package:angular_components/material_stepper/mixins';
@import 'package:angular_components/material_yes_no_buttons/mixins';
:host {
@include material-stepper-theme (
$selector: '.teal-themed',
$step-color: $mat-teal-500,
$button-color: $mat-blue-400
);
.teal-themed {
@include material-no-button-text-color($mat-teal-500);
@include material-yes-button-text-color($mat-teal-500);
}
}
Strange that this code override color for no button but is ignored for yes. Styles from asset:angular_components/lib/material_yes_no_buttons/material_yes_no_buttons.dart is not override by mixin - as I see it in chrome dev tools.
See this branch https://github.com/kevmoo/angular_components_example/tree/kevmoo.haxs
$ clone above
$ cd example/angular_components_example/
$ pub get
$ pub run build_runner build --verbose
...
[FINE] sass_builder:read file: angular_components|lib/css/material/const/_typography.scss
[FINE] sass_builder:found imports:
[FINE] sass_builder:compiling file: /private/var/folders/9_/hw8ty6ns5c31y68b55m6v3bw0071_k/T/scratch_spaceGRPd8t/packages/material_dialog_example/material_dialog_example.scss
[FINE] sass_builder:wrote css file: lib/material_dialog_example.scss.css
[SEVERE] angular_gallery_section on package:material_select_example/material_dropdown_select_demo.dart:
AssetNotFoundException: material_select_example|lib/material_dropdown_select_demo.template.dart
[SEVERE] Build:
Failed after 3.2s
AssetNotFoundException: material_select_example|lib/material_dropdown_select_demo.template.dart
#0 ImportScanner._scanImportPaths (package:angular_gallery_section/import_scanner.dart:86:21)
<asynchronous suspension>
#1 ImportScanner.scanForComponent (package:angular_gallery_section/import_scanner.dart:64:26)
<asynchronous suspension>
#2 ComponentApiBuilder._findDocsMap (package:angular_gallery_section/builder/component_api_builder.dart:65:38)
<asynchronous suspension>
#3 ComponentApiBuilder._mustacheContext (package:angular_gallery_section/builder/component_api_builder.dart:102:17)
<asynchronous suspension>
#4 ComponentApiBuilder.build (package:angular_gallery_section/builder/component_api_builder.dart:38:35)
<asynchronous suspension>No way to see what components are available, their attributes...
Not to much elements at all.
Is there any information about the acx gallery promoted on the dart summit?
<material-expansionpanel-set> <subcomponent *ngFor="let example of selected.examples"></subcomponent> </material-expansionpanel-set>
the subcomponent:
<material-expansionpanel wide name="text" value="All conversions" [showSaveCancel]="false" [alwaysHideExpandIcon]="true"> </material-expansionpanel>
then it no longer only allowing only one MaterialExpansionPanel open at a time. That's unexpected
To be put in the top of the <head> tag
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-26406144-23"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-26406144-23');
</script>Is not working
<material-input label = "Password" [type] = "isPassword">
</material-input>
This works.
<input [type] = "isPassword">
Dart file:
class LogInComponent implements OnInit {
String user;
String password;
String isPassword = "password";
LogInComponent();
@override
Future<Null> ngOnInit() async {
}
void showPassword(){
if(isPassword == "password"){
isPassword = "text";
print(isPassword);
}else{
isPassword = "password";
print(isPassword);
}
}
void submit(){
print("Log in");
}
Binding other properties like label work.
The Material Tab Panel appears to break down if tabs are added or removed once it's been initialized. e.g. The tab components are generated inside an ngFor. When the underlying list is altered it can cause the control to throw exceptions.
Specifically, if the active tab index is larger than the total number of tabs it fails. I have a local fork so I can't send a straight pull request. However, the following changes below are fairly simple and seem to resolve the issues.
@ContentChildren(Tab)
set tabs(QueryList<Tab> tabQuery) {
_tabs = new List.from(tabQuery);
_tabLabels = _tabs.map((t) => t.label).toList();
_tabIds = _tabs.map((t) => t.tabId).toList();
//FIXED: Check to make sure the active tab index is still valid
if(_activeTabIndex >= _tabs.length)
_activeTabIndex = _tabs.length - 1;
// Setting the active tab needs to happen in the next turn as it is changing
// the state of the tab.
scheduleMicrotask(() {
_setActiveTab(_activeTabIndex, false);
});
void _setActiveTab(int i, bool focusTab) {
//FIXED: To allow tabs to be dynamically removed
if(activeTabIndex < _tabs.length)
_activeTab?.deactivate();
System: Win 10 (Build 14393.1884)
Dart VM: Dart VM version: 2.0.0-dev.16.0 (Fri Jan 5 14:19:59 2018 +0100) on "windows_x64"
Commit: angular_components_example master (297a31b)
Details:
pub get
C:\Setup\Dart\angular_components_example-master>pub get
Resolving dependencies...
Overriding the upper bound Dart SDK constraint to <=2.0.0-dev.16.0 for the following packages:
angular, angular_ast, angular_compiler, angular_components, angular_components_example, angular_forms, archive, args, async, barback, bazel_worker, browser, build, build_barback, build_compilers, build_config, build_runner, built_collection, built_value, charcode, cli_util, code_builder, code_transformers, collection, convert, crypto, csslib, dart_style, dart_to_js_script_rewriter, front_end, glob, html, http, http_parser, intl, io, isolate, js, json_annotation, kernel, logging, matcher, meta, mime, observable, package_config, package_resolver, path, perf_api, plugin, pool, protobuf, quiver, quiver_hashcode, sass, sass_builder, scratch_space, shelf, source_gen, source_maps, source_span, stack_trace, stream_channel, stream_transform, string_scanner, tuple, typed_data, unittest, utf, uuid, watcher, webdriver, yaml
To disable this you can set the PUB_ALLOW_PRERELEASE_SDK system environment variable to `false`, or you can silence this message by setting it to `quiet`.
Warning: You are using these overridden dependencies:
! analyzer 0.31.0-alpha.2
Got dependencies!
.packages file shows correct cache location:
# Generated by pub on 2018-01-12 09:55:00.614671.
analyzer:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/analyzer-0.31.0-alpha.2/lib/
angular:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular-5.0.0-alpha+2/lib/
angular_ast:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular_ast-0.4.0/lib/
angular_compiler:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular_compiler-0.4.0-alpha+2/lib/
angular_components:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular_components-0.9.0-alpha+2/lib/
angular_forms:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/angular_forms-1.0.1-alpha+2/lib/
archive:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/archive-1.0.33/lib/
args:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/args-0.13.7/lib/
async:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/async-1.13.3/lib/
barback:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/barback-0.15.2+13/lib/
bazel_worker:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/bazel_worker-0.1.8/lib/
browser:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/browser-0.10.0+2/lib/
build:file:///C:/Users/HBE/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/build-0.11.2/lib/
pub serve --web-compiler=dartdevc
C:\Setup\Dart\angular_components_example-master>pub serve --web-compiler=dartdevc
Loading source assets...
Loading sass_builder, angular and dart_to_js_script_rewriter transformers...
Serving angular_components_example web on http://localhost:8080
Build completed successfully
[web] GET => (cached) angular_components_example|web/index.html
[web] GET main.dart => angular_components_example|web/main.dart
[web] GET packages/browser/dart.js => (cached) browser|lib/dart.js
Unable to find module for angular|lib/src/bootstrap/..%5Cplatform%5Cbrowser%5Cexceptions.dart
Unable to find module for angular|lib/src/bootstrap/..%5Cplatform%5Cbrowser%5Cexceptions.dart
Unable to find module for angular|lib/src/bootstrap/..%5Cplatform%5Cbrowser%5Cexceptions.dart
[web] GET main.dart.js => Could not find asset angular_components_example|web/main.dart.js.
pub serve
C:\Setup\Dart\angular_components_example-master>pub serve
Loading source assets...
Loading sass_builder, angular and dart_to_js_script_rewriter transformers...
Serving angular_components_example web on http://localhost:8080
Build completed successfully
[web] GET => (cached) angular_components_example|web/index.html
[web] GET main.dart => angular_components_example|web/main.dart
[web] GET packages/browser/dart.js => (cached) browser|lib/dart.js
[Info from Dart2JS]:
Compiling angular_components_example|web/main.dart...
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\security\dom_sanitization_service_impl.dart:3:1:
Can't read 'package:angular/src/bootstrap/dom_sanitization_service.dart' (Could not find asset angular|lib/src/bootstrap/dom_sanitization_service.dart.).
import 'dom_sanitization_service.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\security\dom_sanitization_service_impl.dart:4:1:
Can't read 'package:angular/src/bootstrap/html_sanitizer.dart' (Could not find asset angular|lib/src/bootstrap/html_sanitizer.dart.).
import 'html_sanitizer.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\security\dom_sanitization_service_impl.dart:5:1:
Can't read 'package:angular/src/bootstrap/style_sanitizer.dart' (Could not find asset angular|lib/src/bootstrap/style_sanitizer.dart.).
import 'style_sanitizer.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\security\dom_sanitization_service_impl.dart:6:1:
Can't read 'package:angular/src/bootstrap/url_sanitizer.dart' (Could not find asset angular|lib/src/bootstrap/url_sanitizer.dart.).
import 'url_sanitizer.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:9:1:
Can't read 'package:angular/src/bootstrap/application_tokens.dart' (Could not find asset angular|lib/src/bootstrap/application_tokens.dart.).
import 'application_tokens.dart' show PLATFORM_INITIALIZER, APP_INITIALIZER;
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:10:1:
Can't read 'package:angular/src/bootstrap/change_detection/change_detector_ref.dart' (Could not find asset angular|lib/src/bootstrap/change_detection/change_detector_ref.dart.).
import 'change_detection/change_detector_ref.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:11:1:
Can't read 'package:angular/src/bootstrap/change_detection/constants.dart' (Could not find asset angular|lib/src/bootstrap/change_detection/constants.dart.).
import 'change_detection/constants.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:12:1:
Can't read 'package:angular/src/bootstrap/di.dart' (Could not find asset angular|lib/src/bootstrap/di.dart.).
import 'di.dart';
^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:13:1:
Can't read 'package:angular/src/bootstrap/linker/app_view.dart' (Could not find asset angular|lib/src/bootstrap/linker/app_view.dart.).
import 'linker/app_view.dart'
show lastGuardedView, caughtException, caughtStack, AppView;
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:15:1:
Can't read 'package:angular/src/bootstrap/linker/app_view_utils.dart' (Could not find asset angular|lib/src/bootstrap/linker/app_view_utils.dart.).
import 'linker/app_view_utils.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:16:1:
Can't read 'package:angular/src/bootstrap/linker/component_factory.dart' (Could not find asset angular|lib/src/bootstrap/linker/component_factory.dart.).
import 'linker/component_factory.dart' show ComponentRef, ComponentFactory;
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:17:1:
Can't read 'package:angular/src/bootstrap/linker/component_resolver.dart' (Could not find asset angular|lib/src/bootstrap/linker/component_resolver.dart.).
import 'linker/component_resolver.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:18:1:
Can't read 'package:angular/src/bootstrap/linker/view_ref.dart' (Could not find asset angular|lib/src/bootstrap/linker/view_ref.dart.).
import 'linker/view_ref.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:19:1:
Can't read 'package:angular/src/bootstrap/render/api.dart' (Could not find asset angular|lib/src/bootstrap/render/api.dart.).
import 'render/api.dart' show sharedStylesHost;
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:20:1:
Can't read 'package:angular/src/bootstrap/testability/testability.dart' (Could not find asset angular|lib/src/bootstrap/testability/testability.dart.).
import 'testability/testability.dart' show TestabilityRegistry, Testability;
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:21:1:
Can't read 'package:angular/src/bootstrap/zone/ng_zone.dart' (Could not find asset angular|lib/src/bootstrap/zone/ng_zone.dart.).
import 'zone/ng_zone.dart' show NgZone, NgZoneError;
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\linker\app_view_utils.dart:13:1:
Can't read 'package:angular/src/bootstrap/exceptions.dart' (Could not find asset angular|lib/src/bootstrap/exceptions.dart.).
import 'exceptions.dart' show ExpressionChangedAfterItHasBeenCheckedException;
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\linker\component_loader.dart:3:1:
Can't read 'package:angular/di/injector/injector.dart' (Could not find asset angular|lib/di/injector/injector.dart.).
import '../../di/injector/injector.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\linker\component_loader.dart:4:1:
Can't read 'package:angular/src/di/decorators.dart' (Could not find asset angular|lib/src/di/decorators.dart.).
import '../di/decorators.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\linker\component_loader.dart:5:1:
Can't read 'package:angular/src/bootstrap/component_factory.dart' (Could not find asset angular|lib/src/bootstrap/component_factory.dart.).
import 'component_factory.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\linker\component_loader.dart:6:1:
Can't read 'package:angular/src/bootstrap/view_container_ref.dart' (Could not find asset angular|lib/src/bootstrap/view_container_ref.dart.).
import 'view_container_ref.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\di\injector\injector.dart:3:1:
Can't read 'package:angular/src/bootstrap/empty.dart' (Could not find asset angular|lib/src/bootstrap/empty.dart.).
import 'empty.dart';
^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\di\injector\injector.dart:4:1:
Can't read 'package:angular/src/bootstrap/hierarchical.dart' (Could not find asset angular|lib/src/bootstrap/hierarchical.dart.).
import 'hierarchical.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\di\injector\injector.dart:5:1:
Can't read 'package:angular/src/bootstrap/map.dart' (Could not find asset angular|lib/src/bootstrap/map.dart.).
import 'map.dart';
^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\di\injector\injector.dart:6:1:
Can't read 'package:angular/src/bootstrap/runtime.dart' (Could not find asset angular|lib/src/bootstrap/runtime.dart.).
import 'runtime.dart';
^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\di\injector\injector.dart:9:1:
Can't read 'package:angular/core/di/opaque_token.dart' (Could not find asset angular|lib/core/di/opaque_token.dart.).
export '../../core/di/opaque_token.dart' show OpaqueToken;
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\testability\testability.dart:5:1:
Can't read 'package:angular/src/zone/ng_zone.dart' (Could not find asset angular|lib/src/zone/ng_zone.dart.).
import '../zone/ng_zone.dart';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:21:33:
Library 'package:angular/src/bootstrap/zone/ng_zone.dart' doesn't export a 'NgZone' declaration.
Try removing 'NgZone' from the 'show' clause.
import 'zone/ng_zone.dart' show NgZone, NgZoneError;
^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:21:41:
Library 'package:angular/src/bootstrap/zone/ng_zone.dart' doesn't export a 'NgZoneError' declaration.
Try removing 'NgZoneError' from the 'show' clause.
import 'zone/ng_zone.dart' show NgZone, NgZoneError;
^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:20:44:
Library 'package:angular/src/bootstrap/testability/testability.dart' doesn't export a 'TestabilityRegistry' declaration.
Try removing 'TestabilityRegistry' from the 'show' clause.
import 'testability/testability.dart' show TestabilityRegistry, Testability;
^^^^^^^^^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:20:65:
Library 'package:angular/src/bootstrap/testability/testability.dart' doesn't export a 'Testability' declaration.
Try removing 'Testability' from the 'show' clause.
import 'testability/testability.dart' show TestabilityRegistry, Testability;
^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:19:31:
Library 'package:angular/src/bootstrap/render/api.dart' doesn't export a 'sharedStylesHost' declaration.
Try removing 'sharedStylesHost' from the 'show' clause.
import 'render/api.dart' show sharedStylesHost;
^^^^^^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:16:45:
Library 'package:angular/src/bootstrap/linker/component_factory.dart' doesn't export a 'ComponentRef' declaration.
Try removing 'ComponentRef' from the 'show' clause.
import 'linker/component_factory.dart' show ComponentRef, ComponentFactory;
^^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:16:59:
Library 'package:angular/src/bootstrap/linker/component_factory.dart' doesn't export a 'ComponentFactory' declaration.
Try removing 'ComponentFactory' from the 'show' clause.
import 'linker/component_factory.dart' show ComponentRef, ComponentFactory;
^^^^^^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:14:10:
Library 'package:angular/src/bootstrap/linker/app_view.dart' doesn't export a 'lastGuardedView' declaration.
Try removing 'lastGuardedView' from the 'show' clause.
show lastGuardedView, caughtException, caughtStack, AppView;
^^^^^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:14:27:
Library 'package:angular/src/bootstrap/linker/app_view.dart' doesn't export a 'caughtException' declaration.
Try removing 'caughtException' from the 'show' clause.
show lastGuardedView, caughtException, caughtStack, AppView;
^^^^^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:14:44:
Library 'package:angular/src/bootstrap/linker/app_view.dart' doesn't export a 'caughtStack' declaration.
Try removing 'caughtStack' from the 'show' clause.
show lastGuardedView, caughtException, caughtStack, AppView;
^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:14:57:
Library 'package:angular/src/bootstrap/linker/app_view.dart' doesn't export a 'AppView' declaration.
Try removing 'AppView' from the 'show' clause.
show lastGuardedView, caughtException, caughtStack, AppView;
^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:9:39:
Library 'package:angular/src/bootstrap/application_tokens.dart' doesn't export a 'PLATFORM_INITIALIZER' declaration.
Try removing 'PLATFORM_INITIALIZER' from the 'show' clause.
import 'application_tokens.dart' show PLATFORM_INITIALIZER, APP_INITIALIZER;
^^^^^^^^^^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\application_ref.dart:9:61:
Library 'package:angular/src/bootstrap/application_tokens.dart' doesn't export a 'APP_INITIALIZER' declaration.
Try removing 'APP_INITIALIZER' from the 'show' clause.
import 'application_tokens.dart' show PLATFORM_INITIALIZER, APP_INITIALIZER;
^^^^^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\core\linker\app_view_utils.dart:13:31:
Library 'package:angular/src/bootstrap/exceptions.dart' doesn't export a 'ExpressionChangedAfterItHasBeenCheckedException' declaration.
Try removing 'ExpressionChangedAfterItHasBeenCheckedException' from the 'show' clause.
import 'exceptions.dart' show ExpressionChangedAfterItHasBeenCheckedException;
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\facade\exception_handler.dart:3:31:
Library 'package:angular/src/bootstrap/exceptions.dart' doesn't export a 'WrappedException' declaration.
Try removing 'WrappedException' from the 'show' clause.
import 'exceptions.dart' show WrappedException;
^^^^^^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular\src\di\injector\injector.dart:9:47:
Library 'package:angular/core/di/opaque_token.dart' doesn't export a 'OpaqueToken' declaration.
Try removing 'OpaqueToken' from the 'show' clause.
export '../../core/di/opaque_token.dart' show OpaqueToken;
^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular_components\src\material_tree\material_tree_node.dart:188:9:
Variable 'option' is not shown to have type 'MaterialTreeExpandState' because 'MaterialTreeExpandState' is not a subtype of the known type 'MaterialTreeNode.T' of 'option'.
if (option is MaterialTreeExpandState) {
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Warning from Dart2JS on angular_components_example|web/main.dart]:
web\packages\angular_components\src\material_tree\material_tree_node.dart:189:7:
The setter 'expanded' is not defined for the class 'T'.
option.expanded = state;
^^^^^^^^^^^^^^^^^^^^^^^
[Info from Dart2JS]:
Took 0:00:11.454159 to compile angular_components_example|web/main.dart.
Build completed with 27 errors.
[web] GET main.dart.js => Could not find asset angular_components_example|web/main.dart.js.
Clicking on "OPEN POPUP" button changes the button text to "CLOSE POPUP" but doesn't open popup box.
https://dart-lang.github.io/angular_components_example/#/material_popup
Device info:
ipad 2017, MODEL MPGT2HN/A
iOS version : 10.3.3
Chrome 64.0.3282.112
On Safari 11/macOS 10.12, the example with the "Select all text" button works, but the "click to auto select field" doesn't.
Is it possible to make the delay to show the tooltip customizable ?
We need it to be shorter.
Something like that.
<div [materialTooltip]="message" [delay]="300">$ pub get
$ pub build
Loading source assets...
Loading angular2/transform/codegen and dart_to_js_script_rewriter transformers...
Loading angular2 transformers... (4.4s)
Building angular_components_example... (5.6s)
[Info from Dart2JS]:
Compiling angular_components_example|web/main.dart...
[Error from Dart2JS]:
web/main.dart:
The compiler crashed when compiling this element.
The compiler is broken.
When compiling the above element, the compiler crashed. It is not
possible to tell if this is caused by a problem in your program or
not. Regardless, the compiler should not crash.
The Dart team would greatly appreciate if you would take a moment to
report this problem at http://dartbug.com/new.
Please include the following information:
* the name and version of your operating system,
* the Dart SDK build number (build number could not be determined), and
* the entire message you see here (including the full stack trace
below as well as the source location above).
Build error:
Transform Dart2JS on angular_components_example|web/main.dart threw error: Stack Overflow
package:compiler_unsupported/src/compiler.dart 1479 CompilerDiagnosticReporter.onError
package:compiler_unsupported/src/compiler.dart 311 Compiler.run.<fn>.<fn>
dart:async _Completer.completeError
package:compiler_unsupported/src/compiler.dart 472 Compiler.runInternal
dart:async _rootRunUnary
. ...
. ...
dart:async _completeOnAsyncReturn
package:compiler_unsupported/src/library_loader.dart 779 _LibraryLoaderTask.patchLibraryIfNecessary
Build failed.
Content of .packages
# Generated by pub on 2017-05-05 12:55:25.289640.
analyzer:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/analyzer-0.29.10/lib/
angular2:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/angular2-3.0.0/lib/
angular_components:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/angular_components-0.5.1/lib/
archive:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/archive-1.0.28/lib/
args:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/args-0.13.7/lib/
async:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/async-1.13.2/lib/
barback:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/barback-0.15.2+10/lib/
browser:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/browser-0.10.0+2/lib/
build:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/build-0.8.0/lib/
charcode:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/charcode-1.1.1/lib/
cli_util:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/cli_util-0.0.1+2/lib/
collection:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/collection-1.14.0/lib/
convert:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/convert-2.0.1/lib/
crypto:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/crypto-2.0.1/lib/
csslib:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/csslib-0.13.5/lib/
dart_style:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/dart_style-1.0.4/lib/
dart_to_js_script_rewriter:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/dart_to_js_script_rewriter-1.0.2/lib/
fixnum:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/fixnum-0.10.5/lib/
func:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/func-1.0.0/lib/
glob:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/glob-1.1.3/lib/
html:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/html-0.13.1/lib/
intl:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/intl-0.15.0/lib/
isolate:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/isolate-1.0.0/lib/
js:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/js-0.6.1/lib/
logging:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/logging-0.11.3+1/lib/
matcher:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/matcher-0.12.0+2/lib/
meta:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/meta-1.0.5/lib/
observable:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/observable-0.20.4+1/lib/
package_config:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/package_config-1.0.0/lib/
path:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/path-1.4.1/lib/
perf_api:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/perf_api-0.1.0/lib/
plugin:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/plugin-0.2.0/lib/
pool:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/pool-1.3.0/lib/
protobuf:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/protobuf-0.5.4/lib/
quiver:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/quiver-0.25.0/lib/
source_span:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/source_span-1.3.1/lib/
stack_trace:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/stack_trace-1.7.3/lib/
string_scanner:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/string_scanner-1.0.1/lib/
typed_data:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/typed_data-1.1.3/lib/
unittest:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/unittest-0.11.7/lib/
utf:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/utf-0.9.0+3/lib/
uuid:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/uuid-0.5.3/lib/
watcher:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/watcher-0.9.7+3/lib/
webdriver:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/webdriver-1.2.3/lib/
when:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/when-0.2.0/lib/
which:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/which-0.1.3/lib/
yaml:file:///home/xxx/.pub-cache/hosted/pub.dartlang.org/yaml-2.1.12/lib/
angular_components_example:lib/
The Material Tab uses ngIf as the mechanism to show and hide the tab's content. Whilst this works fine for a lot of cases it does have side effects. Specifically, if a tab contains an iFrame its contents are refreshed when the tab switches. This wipes out any changes made in the iFrame every time you switch tabs.
To work around this we produced a local fork which used CSS to change the display to none (leaving the tabs contents in the DOM but hidden). This appeared to work without issue. I appreciate there are performance benefits of using ngIf. Could a property not be added to control the hiding mechanism of the tab?
bin is meant for binaries meant for users of the package.
There is no example for reorder-list in dart-langangular_components_example/example/.
Thank you.
Is possible to make material input autocomplete working?
<material-input label="Email address" type="email" required autocomplete="email">
</material-input>
As more components are added the examples page is becoming unwieldy. Need a new example gallery.
It would be nice if the readme has instructions on how to build and run.
Both for ddc and dart2js
The readme only has info on how to build/serve for DDC. Would be nice to give the documentation for how to release dart2js.
In particular DDC on this app crashes an iPad Pro chrome, and safari. Probably requires too much memory for the device.
It fails to find compatible versions of things, I also updated my sdk just to make sure that wasn't the issue
Is this just a button example? Should it be grouped w/ buttons? Unclear...
material_input example page has an example of using Form API. If RESET TEXT INPUT button is pressed when input value is invalid then the result is following:
Text input is : initial text
Form validity is : INVALID
But the input still has validation error message:
How to reset input validation state ?
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.