jquery - 在 Dart 中使用 Jquery UI

Question

我正在尝试在 Dart 中创建一个简单的对话框，我认为使用现有的 javascript 库更容易。 Here你可以找到基本的例子，基本上

$( "#dialog" ).dialog();

在互联网和 stackoverflow 上你可以找到 1000 个例子，但没有一个对我有用。 我认为这是正确的方法:

import 'dart:js' as js;
//[...]
var jquery = new js.JsObject(js.context['jQuery']);
var myob = jquery('#dialog').dialog();

我得到的只是这个错误:

Breaking on exception: Class 'JsObject' has no instance method 'call'.

我是否误读了 Dart 的文档？

Answer 1

基本上，有 2 个库可以与 js 互操作:dart:js和 package:js 。 dart:js 是在 package:js 之后创建的，大多数 stackoverflow 答案都使用 package:js 并且仍然有效(它不是值得对这些答案投反对票...)

package:js 提供了一个更简单的 Api，但代价是增加了 js 大小(因为 package:js 使用 dart:mirrors em> 和 noSuchMethod)。

使用package:js:

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

main() {
  js.context.$("#dialog").dialog();
}

<小时/>

使用 dart:js :

import 'dart:js' as js;

main() {
  js.context.callMethod(r'$', ['#dialog']).callMethod('dialog');
}