Dart 从语义用户界面使用模态

我计划使用语义用户界面，有人知道如何与dart互操作吗

使用进行互操作。首先，将包添加为依赖项。然后，从Dart包装要使用的JavaScript。下面的示例允许您在Dart中使用jQuery的

$（…）.addClass（…）

：

@JS()
library jquery;

import 'package:js/js.dart';

// Calls invoke JavaScript `JSON.stringify(obj)`.
@JS("\$")
external ElementSet $(String selector);

@JS()
class ElementSet {
  external addClass(String className);
}

如果导入此文件，现在可以执行以下操作：

$('#output').addClass("red");

当然，这个例子毫无用处——Dart已经允许您以更好的可读性和灵活性修改HTML类（例如，

querySelector（“#output”）.classes.add（“red”）

）

但在你的情况下，它开始有意义了。您将实现

modal（）

并从那里开始

---

（我想给你一个如何实现modal的示例，但我在工作站上安装语义ui的时间超过了10分钟，然后我放弃了。因此我使用了

jQuery.addClass

示例。）

这并不是那么容易。有两三个酒吧套餐可供选择，但它们已经过时且不完整

我在飞镖2（AngularDart 5）中就是这样做的：

此Dart代码相当于此Javascript代码：

$(modalSelector).modal({
    'onApprove': function(element){
      // do something on approve
    })
    .modal('show');

如您所见，您必须通过JS模块调用jQuery框架

$(modalSelector).modal({
    'onApprove': function(element){
      // do something on approve
    })
    .modal('show');