Estoy aprendiendo sobre los componentes de angular.dart al tratar de hacer uno que tenga acceso a un complemento jquery existente. Estoy intentando algo como lo siguiente:

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);
      }
    });
  }
}

Desafortunadamente, el 'contenedor' parece estar vacío ... ¿Cómo hacer que jQuery seleccione un elemento que esté dentro de un componente, es decir, en el dominio de la sombra?

Por cierto, ¿cuál es la forma actualmente recomendada para importar js? He encontrado esto:

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

pero ahora que parte de la funcionalidad del paquete js se está moviendo a dart: js, no estoy seguro de lo que se supone que debe hacer.