Я изучаю компоненты angular.dart, пытаясь создать такой, который получит доступ к существующему плагину jquery. Я пытаюсь что-то вроде следующего:

library mylib;

import 'dart:html'; // querySelector
import 'package:js/js.dart'; // javascript 
import 'package:angular/angular.dart';

@NgComponent(
    selector: 'aSelector',
    templateUrl: 'partial.html',
    cssUrl: 'style.css',
    publishAs: 'ctrl',
    map: const {
      'param': '=>param'
    }
)
class myComponent extends NgShadowRootAware {
  String param;
  Compiler compiler;
  Injector injector;
  Scope scope;

  MyComponent(this.compiler, this.injector, this.scope);

  void onShadowRoot(ShadowRoot shadowRoot) {
    this.scope.$watch((int) => shadowRoot.querySelector('.myContainer').text.length, (currentValue, previousValue, Scope scope) {
      if (currentValue != previousValue) {
        var container = context.jQuery('.myContainer', shadowRoot);
        var options = map({
          'p1': 1,
          'p2': 2
        });
        container.jqplugin(options);
      }
    });
  }
}

К сожалению, «контейнер» кажется пустым ... Как заставить jQuery выбрать элемент, который находится внутри компонента, т.е. в теневом доме?

Кстати, каков рекомендуемый в настоящее время способ импорта js? Я нашел это:

import 'package:js/js.dart' as js;

но теперь, когда некоторая часть функциональности пакета js перенесена в dart: js, я не уверен, что нужно делать.