Question

我在Aurelia应用程序中使用bootstrap中的模态，并希望隐藏/显示我的视图模型中的模态。我可以通过在我的虚拟机中使用jquery来实现它的工作原理：

<div id="myModal" ref="myModal" ...> ... </div>

但更喜欢更多的＆＃34; Aurelia Way＆＃34;类型方法如： this.myModal.modal('show');

并在vm中执行此操作： // Assume Guava, but whatever you use to load files... String externalJS = Files.toString( new File("external.js"), Charset.forName("utf-8")); // Execute, assume no arguments, and no value to return Object ignore = ((JavascriptExecutor) driver).executeScript(externalJS);

然而，当我执行下面的操作时，我只获得了没有原型方法的DOM元素。如何在奥里利亚实现这一目标？

Answer 1

在视图中添加ref绑定命令。这将为视图模型提供对作为引导模式的DOM元素的引用。

<div ref="myModal" ...>
  ...
</div>

在您的视图模型中，$(this.myModal).modal('show')将显示模态。

您也可以使用aurelia-dialog plugin

访问Aurelia中组件的jquery方法

1 个答案: