angularjs - Dart 中的手动注入

Question

您如何在 Angular dart 中手动注入实例？这将等效于 angularjs 中的以下内容：

var myInjector = angular.injector(["ng"]);
var $http = myInjector.get("$http");

Answer 1

组件内部的代码示例。

@NgComponent(
    selector: 'rating',
    publishAs: 'ctrl')
class RatingComponent {
  Injector _injector;
  RatingConfig _config;

  RatingComponent(this._injector) {
    _config = _injector.get(RatingConfig);
    // or
    _config = injectByName("RatingConfig");
  }

  void injectByName(String typeName) {
    _injector.types.takeWhile((Type e) {
      if (e.toString() == typeName) {
        _config = _injector.get(e);
        return false;
      }
      return true;
    });    
  }
}

Answer 2

使用 _injector.get(RatingConfig) 的方法将起作用。

例如，过滤器代码在注入器上显式调用“get”以获取过滤器的实例：lib/core/filter.dart，第 50 行

Answer 3

如果您需要手动注入实例，因为您在 main() 方法中，您可以执行以下操作：

class MyAppModule extends Module {
  MyAppModule() {
    type(MyService);
  }
}

main() {
  Injector injector = applicationFactory().addModule(new MyAppModule()).run();
  MyService myService = injector.get(MyService);
}