访问 Aurelia 中组件上的 jquery 方法答案

【问题标题】：access to jquery methods on components within Aurelia访问 Aurelia 中组件上的 jquery 方法
【发布时间】：2016-02-26 18:49:43
【问题描述】：

我在我的 Aurelia 应用程序中使用引导程序中的模态，并希望从我的视图模型中隐藏/显示模态。我可以通过在我的虚拟机中使用 jquery 来使其工作：

$('#myModal').modal('show');

但更喜欢“Aurelia Way”类型的方法，例如： <div id="myModal" ref="myModal" ...> ... </div>

并在 vm 中执行以下操作： this.myModal.modal('show');

但是，当我执行以下操作时，我得到的只是 DOM 元素，上面没有任何原型方法。如何在 Aurelia 中实现这一点？

【问题讨论】：

github.com/PWKad/aurelia-bs-modal
该示例似乎使用 bootstrap 3.3.6 被破坏。我已经为作者发布了一个问题
我不认为$(this.modal).modal('show') 是显示模态的方式。你读过如何使用它吗？ github.com/PWKad/aurelia-bs-modal#how-to-install-this-plugin 该示例显示了此<modal show.bind="show">，通过更改显示属性，您可以显示或隐藏它。但我对 aurelia 不熟悉，所以我可能错了。
如图所示使用，但在插件中的那一行出现错误，所以我将它与插件分开测试，它肯定不起作用。我看到的不同之处在于返回的 jquery 对象不同.. 不确定是否重要，因为我不熟悉 jquery

标签： aurelia

【解决方案1】：

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

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

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

【讨论】：