dart - 在同一应用程序中运行 Normal Dart HTML 和 Angular Dart 2

Question

是否可以将普通的 Dart HTML 应用程序与 Angular Dart 2 混合使用，并让 Angular Dart 2 在应用程序的某些部分而不是其他部分运行？

我试过了，但 Angular 似乎将自己注入(inject)到每个页面中。

index1.html:

<script type="application/dart" src="main.dart"></script>
<script data-pub-inline src="packages/browser/dart.js"></script>
</body>

index2.html:

<my-app>Loading...</my-app>
<script async src="main2.dart" type="application/dart"></script>
<script async src="packages/browser/dart.js"></script>
</body>

主 Dart :

// many imports

void main() {
  // manual code to hook urls, html etc
}

main2.dart:

import 'package:angular2/angular2.dart';
import 'package:angular2/bootstrap.dart';

@Component(selector: 'my-app', template: '<h1>Testing Angular Dart 2</h1>')
class AppComponent {}
main() {
    bootstrap(AppComponent);
}

pubspec.yaml:

...
environment:
  sdk: '>=1.0.0 <2.0.0'
dependencies:
  ...
  less_dart: any
  browser: any
  http: any
  event_bus: any
  dart_to_js_script_rewriter: any
  angular2: 2.0.0-beta.0
transformers:
- dart_to_js_script_rewriter
- $dart2js:
    commandLineOptions: [--enable-experimental-mirrors]
- less_dart:
    entry_points: [web/styles/main.less, web/styles/test.less]
    build_mode: dart
- angular2:
    entry_points: web/main2.dart

angular2 转换器显然指向 main2.dart 并且只有 index2.html 正在导入 main2.dart，但是当我加载 index1.html 正在导入 main.dart，angular 应用程序运行。

在包含 Angular Dart 2 时，是否可以做我想做的事，还是全有或全无的情况？

Answer 1

“看起来 Angular 正在将自己注入(inject)每个页面”是什么意思？如果您有不同的入口点(index1.html、index2.html ...)，每个入口点都是一个单独的应用程序，您可以为每个入口点启用或不启用 Angular。如果这不起作用，那是某些变压器中的错误。