Loading…
(html)
<head>
.....
<script defer src="main.dart" type="application/dart"></script>
<script defer src="packages/browser/dart.js"></script>
</head>
<body>
<my-app>Loading...</my-app>
</body>
(pubspec.yaml)
.....
environment:
sdk: '>=1.24.0 <2.0.0'
dependencies:
angular: ^4.0.0
angular_forms: ^1.0.0
angular_router: ^1.0.2
http: ^0.11.0
stream_transform: ^0.0.6
dev_dependencies:
angular_test: ^1.0.0
browser: ^0.10.0
dart_to_js_script_rewriter: ^1.0.1
mockito: ^2.0.2
test: ^0.12.21
transformers:
- angular:
entry_points:
- web/main.dart
- test/**_test.dart
- test/pub_serve:
$include: test/**_test.dart
- dart_to_js_script_rewriter
import 'package:angular/angular.dart';
import 'package:angular_forms/angular_forms.dart';
@Component(
selector: 'my-app',
template: '''
<strong><input type="checkbox" [(ngModel)]="checkValue">Enable/Disable</strong><br />
<br />
<strong>1)[disabled]</strong>
<button class="btn btn-success" [disabled]="checkValue">Button</button><br />
<strong>2)[checked]</strong>
<input type="checkbox" [checked]="checkValue">CheckBox<br />
<strong>3)[readonly]</strong>
<input type="text" [readonly]="checkValue" value="ReadOnly"/><br />
<strong>4)[selected]</strong>
<select>
<option selected>Option1</option>
<option>Option2</option>
<option [selected]="checkValue">Selected</option>
</select>
''',
directives: const [formDirectives],
)
class AppComponent {
bool checkValue = false;
}
void main() {
bootstrap(AppComponent);
}