I am learning about angular.dart components by trying to make one that will access an existing jquery plugin. I am trying something like the following:
Unfortunately, the ‘container’ seems to be empty… How to make jQuery select an element that is inside a component, i.e. in shadow dom?
BTW, what is the currently recomended way to import js? I have found this:
import 'package:js/js.dart' as js;
but now that some part of the functionality of package js being moved into dart:js, I’m not sure what one is supposed to do.
The problem seems to be a jQuery problem. Perhaps it would work with :
var container = context.jQuery(shadowRoot.querySelector('.myContainer'));
About dart:js versus package:js (see How do you interact with js from dart?) :
package:js provides a simpler Api that comes at the cost of an increase of the js size (because package:js uses dart:mirrors and noSuchMethod).
About js namespace you can do what you want. I personnaly prefer to use a prefix to better see when interaction with Js is done. But it’s a matter of taste.
Answered By – Alexandre Ardhuin
Answer Checked By – Jay B. (FlutterFixes Admin)