Question

我有一个打开模态对话框的链接：

<a href="#openModal">Open Modal</a>

但我想使用有角度的 （点击） 或类似的方式来代替打开模式。

我该怎么做？

Answer 1

做这样的事情：

<button (click)="openModal()">Open Modal</button>

在openModal中：

openModal() {
  window.location.href = 'yoururl';
}

Answer 2

也许这就是你要找的东西，您可以引用组件内的窗口对象：

 private window: any = window;

然后在你的模板中使用：

 <button (click)="window.location.href = '#openModal'">Open Modal</button>

但请记住here

所述

可以直接在代码中引用文档或窗口等全局浏览器对象，但不鼓励并将其视为不良做法。

并且建议您将WindowRef注册为提供商。

Answer 3

查看ng-bootstrap，它是一个非常强大的工具，可以为您的应用添加预先构建的用户界面组件，之前我已经使用过这个组件并且工作得非常好。设置可能有点混乱，但他们的文档有帮助。