运行 普通 Dart HTML 和 Angular Dart 2 在同一应用中

Question

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

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

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>

main.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 应用 运行s.

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

Answer 1

"it seems Angular is injecting itself into every page." 是什么意思？如果您有不同的入口点（index1.html、index2.html、...），每个入口点都是一个单独的应用程序，您可以为每个入口点启用或不启用。如果这不起作用，那是某些变压器中的错误。