在同一个应用程序中运行 Normal 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 的index1.html 时，角度应用程序会运行。

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

Answer 1

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