Использование модальных семантических ui

Question

Я планирую использовать семантический ui modal есть кто-нибудь, как взаимодействовать с дротиком?

Answer 1

Используйте js package для взаимодействия. Сначала добавьте пакет как зависимость. Затем оберните JavaScript, который вы хотите использовать из Dart. Вот пример того, что позволяет использовать JQuery-х $(...).addClass(...) в Dart:

@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() и пошли оттуда.

(Я хотел бы дать вам пример того, как реализовать модальность, но я не смог установить смысловой пользовательский интерфейс на моем рабочем месте в течение более 10 минут, а затем я сдался. Я использовал jQuery.addClass пример вместо этого.)