Typescript 角度5模式以编程方式关闭

我使用的是角度5

替换注释
请上载要替换为现有pdf文件的pdf文件。这将替换{{notesToBeRelaced？.note？.title}}

我之前已经做过了，让我们试试这个，只是为了给你一些建议

Html文件，像这样更改代码

<a  #closeModal class="text-white" data-dismiss="modal" aria-label="Close" (click)="hideModel();">
   <i class="ti-close"></i>
</a>

我希望它能解决你的问题，如果有任何错误请告诉我

谢谢

---

Muthu

您可以使用按钮中的

attr.data disclose

关闭模式，例如：（在Angular 10上测试）

其中，

是要计算的表达式，action（）是要调用的方法或函数，例如，使用反应式表单验证表单是否有效：

<button type="button" class="btn btn-block btn-primary" [attr.data-dismiss]="Form.valid ? 'modal' : null" id="saveButton" (click)="saveMyModalInfo()">

---

这将评估表单是否有效，如果无效，它将“指向”null，否则它将“指向”模态。

您的模态是否在组件中？好的。。那么你现在的问题是什么？“如果你能在这里用扑救机或stackblitz重现这个问题，答案会更简单吗？”雅格布西安皮：是的，在一个component@VikhyathMaiya在某一点上，我想关闭/隐藏模态。就像我在这个.noteModal.nativeElement.hide（）中尝试的那样，然后请发布您拥有的模式组件的代码。在stackblitz中重新创建问题会更棒！很高兴帮助你。

<button type="button" class="btn btn-block btn-primary" [attr.data-dismiss]="<expression>" id="saveButton" (click)="action()">

<button type="button" class="btn btn-block btn-primary" [attr.data-dismiss]="Form.valid ? 'modal' : null" id="saveButton" (click)="saveMyModalInfo()">