问题标签 [dart-js-interop]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
105 浏览

dart - js-interop:如何使用 js-interop 实现 javascript `new` 飞镖?

javascript代码是..

我尝试使用 js-interop

但结果是错误的。如何new使用 js-interop 将关键字从 javascript 更改为 dart?

0 投票
1 回答
298 浏览

dart - js-interop:从 dart 传递 javascript 对象

我正在努力将 javascript 移植到飞镖..

我的问题是如何创建 javascript 对象。原始的javascript代码是

现在我有Beagle对象了。应该是context['Beagle']吧?

如何创建 javascript 对象?和prototype

0 投票
2 回答
359 浏览

dart - 从 javascript 调用 dart 编译的 Javascript 时,如何将回调函数传递给 dart 编译的 Javascript?

我正在尝试逐步将我的项目转换为飞镖。我已将独立库转换为 Dart,并且在我的项目中使用 Dart 编译的 javascript。感谢您对我的其他问题的帮助。我可以调用 Dart 编译的 javascript 函数。现在我面临另一个难题。如果我的 Dart 函数需要回调,我如何将 Javascript 函数传递给 Dart 生成的 javascript 函数?

我想做的是从 Javascript 注册一个 Dart 事件处理程序,例如:

在我的 Dart 中,我有事件总线,dart 对象可以通过以下方式注册事件处理程序:

Dart 对象通过以下方式触发事件:

我通过以下方式将总线暴露给 Javascript 世界:

在 Javascript 中,我想调用

注册一个事件处理程序,当 Dart 对象触发事件时,将调用 JS 回调。

0 投票
1 回答
410 浏览

dart - 在 ngComponent html 模板中导入 js 文件

我有一个与 JS 库交互的组件:

@NgComponent(选择器:'mapcomp',templateUrl:'packages/org_rtosm_update/map/map.html',cssUrl:'packages/org_rtosm_update/map/map.css',publishAs:'mapComponent')类MapComponent {最终地图=新js.Proxy(js.context.OpenLayers.Map, "map");

当我像这样在 HTML 模板文件中包含 JS 库时:

我有代理错误:

拥有 JS 资源的独立组件的最佳方式是什么?

谢谢。

0 投票
1 回答
966 浏览

dart - 如何使用 Dart 的 JS 互操作创建匿名 JavaScript 函数/回调?

我正在使用 Dart 及其JS interop。我需要将以下 JavaScript 代码转换为 Dart:

请注意匿名回调作为loadTags. 如何使用 Dart 和dart:js库创建它?

我得到的最接近的是创建一个命名函数:

然后使用这个 Dart 代码:

但是,我不想创建命名函数。有什么想法或提示吗?

0 投票
2 回答
393 浏览

dart - Using thirdparty libraries from dart language

How can import and use any third party javascript libraries in dart..? I want to use snapsvg in my dart application to render svg. But not sure how to add dependencies to add and import it.

I added js: any to my pubspec.yaml and imported packages/browser/interop.js into my html. Where do I place downloaded snapsvg.js and import it to my dart source file to use it.

I am trying to use following javascript code using snapsvg framework from dart.

I tried this code from in dart:

This works fine in dartium, but when I Run as Javascript after build, I got javascript error "method zm not found in object"

I believe this is not right way and I should use be using callMethod on proxy. So I changed code like this

This is not working in Dartium as itself. I would appreciate if someone can provide example of how to call constructor Snap(800, 600) from dart and also rect and attr methods in my example code.

0 投票
1 回答
978 浏览

dart - 将 JS 对象转换为 Dart 类

将对象从 Javascript 转换为 Dart 类对应部分的最佳模式是什么?

我应该在处理程序中进行转换吗?
允许构造函数获取 LinkedHashMap 并在那里转换它?
创建工厂?
Dart 中是否有内置的东西我不知道可以处理这个问题?

处理此问题的首选飞镖方式是什么?

0 投票
1 回答
542 浏览

dart - 如何在 Dart 中使用这个 javascript 库?

问题

我尝试在 Dart 中使用下面的 JS 代码和“new JsObject(context["Delaunay"])”,但是,我收到一条消息:异常:类型 JsObject 不是构造函数类型 JsFunction 的子类型。

问题

这是否意味着我必须将 JS 函数与“JsFunction”一起使用?我检查了 JsFunction 类,但我不知道如何使用构造函数。有任何想法吗?谢谢

代码:

0 投票
2 回答
183 浏览

google-maps - 使用 angular.dart 在 MouseEvent 中找不到 Gmaps LatLng

我在一个使用 gmaps 的 angular.dart 项目中工作。我想在地图点击时获得 LatLng 值。我的 map.html :

我的 DartCtrl :

在不编写类似以下内容的情况下获得 LatLng 值的任何想法:

*这发生在 dartium 中,因此与 dart2js 无关。并认为你..

0 投票
2 回答
2021 浏览

dart - 使用 dart 创建一个 javascript 库

问题

我目前正在开发一个 JavaScript 库,为了减少错误的数量,我认为我的库可能会受益于使用 Dart 的静态类型机制。首先,因为我的库既不与 HTML 也不与其他 JavaScript 库进行任何互操作,只有纯 javascript 对象操作的东西。但是我没有在网上找到任何信息显示如何使用 dart 构建 JS 库。所以我自己尝试这样做,创建了初始 dart 文件:

使用 dart2js 将其编译为 JavaScript,看看我在做什么:

就是这样,我扔掉了 Dart,因为我不知道如何处理生成的 JS 文件,而且我害怕保持生成的库界面清洁和类似于我正在使用的界面可能需要大量时间使用 JavaScript。

问题

  1. 如何公开在 Dart 中创建的类定义,然后在 JavaScript 中使用它们?
  2. 当几乎所有潜在的库用户都将使用 JS 版本时,你认为是否值得进入 Dart?(由于社区规模的不同,使用 dart 已经对我不利,这意味着更少的人会发现为我的库做出贡献很容易)
  3. 在你看来,我该怎么办?